added landing page and reformated it

.gitignore

@@ -0,0 +1,8 @@
+_site/
+.sass-cache/
+.jekyll-cache/
+.jekyll-metadata
+*.pdf
+.DS_Store
+.liquidrc
+Gemfile.lock

404.html

@@ -0,0 +1,24 @@
+---
+layout: default
+---
+
+<style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+  }
+</style>
+
+<div class="container">
+  <h1>404</h1>
+
+  <p><strong>Page not found :(</strong></p>
+  <p>The requested page could not be found.</p>
+</div>

Gemfile

@@ -0,0 +1,6 @@
+source "https://rubygems.org"
+
+gem "jekyll"
+gem "kramdown-parser-gfm"
+gem 'wax_tasks', '~> 1.1'
+gem 'html-proofer', '~> 3.15'

LICENSE.txt

@@ -0,0 +1,38 @@
+Facets is offered as is with an MIT License (MIT)
+
+Facets is built on 2 other layers of MIT licenses, one for Wax 
+and the other for the Jektll Minima theme. Both are listed below our own
+MIT License below. 
+
+## Facets 
+
+Copyright (c) 2021–present Alex Gil and Angela Zoss
+
+## Wax
+
+Copyright (c) 2018–present Marii Nyröp
+
+## Jekyll Minima 
+
+Copyright (c) 2016–present Parker Moore and the minima contributors
+
+
+# MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1,44 @@
+# Facets
+
+*Facets* is a theme for [Wax sites](https://minicomp.github.io\/wax/) that allows users to browse through a collection using facets, or filters. When we are browsing through a collection of cultural artifacts, we often want to reduce the number of objects in front of us to a small collection that fits a very specific criteria. Faceted browsing is a form of browsing that allows you to do just that using filters you select. In Facets this can be achieved using drop-down menus where you can select the categories you want to browse by.
+
+Visit [the demo site](https://minicomp.github.io/wax-facets/) to see *Facets* in action
+
+## How to use Wax
+
+Facets is a [Wax](https://minicomp.github.io/wax/) theme. Wax in turn relies on Jekyll. To use Facets you need to be familiar with both Jekyll and Wax. To learn more about setting up and using Wax visit [the Wax wiki](https://minicomp.github.io/wiki/wax/). You can learn more about using Jekyll on the [Jekyll docs](https://jekyllrb.com/docs/), or in [this great tutorial](https://programminghistorian.org/en/lessons/building-static-sites-with-jekyll-github-pages) by Amanda Visconti at Programming Historian.
+
+## How to define facets
+
+As other Wax sites, *Facets* depends on the metadata you create. Let's assume you are using a CSV to record data for your collection. In order for *Facets* to work, that CSV must have designated columns for each large category you want to "facet" by. These become the *facet headers* at the top of the drop-down menus above the gallery. Each of these columns then accepts a small range of sub-categories, or *facet values*. These become the check boxes.
+
+<br>
+<img src="https://minicomp.github.io/wax-facets/assets/figures/fig1.png" height="100%" width="100%" alt="Figure 1. Illustration of Facet Headers and Facet Values"/>
+<br>
+<br>
+
+We tell *Facets* what collection gallery to insert and what columns to facet by with a Jekyll `include` command that brings in the `collection_gallery` at the desired place on the page. This `include` snippet requires a `collection` variable, but can  take three other optional variables to help you refine the results further: `only`, `facet_by`, and `num_column`. This theme already comes with the following example in the [Browse](/collection/) page. In order to use it, just replace the sample values with your own when editing the page:
+
+<code>{% raw %}
+  {% include collection_gallery.html collection='qatar'
+      facet_by='object_type|location' num_column=4 %}
+{% endraw %}</code>
+
+For the `facet_by` variable, specify one or more field names in a pipe-separated list. 
+
+For the `num_column` variable, specify a number that is a divisor of 12 (i.e, 1, 2, 3, 4, or 6). This is the number of columns you want to have. The default is 2 columns.
+
+## How to create a subset gallery  
+
+If you pass the `only` variable to the include instruction, the collection will be filtered to only items that have [a truthy value](https://shopify.github.io/liquid/filters/where/) for that field name. Consider the example we use in 'Exhibit with Subset Collection':
+
+<code>{% raw %}{% include collection_gallery.html collection='qatar' facet_by='object_type' only='portrait' num_column=4 %}{% endraw %}</code>
+
+The gallery that results from this instruction, which you can see in our "[Exhibit with Subset Collection](/exhibits/subset/)," only shows portraits. Notice also that this gallery view does not have a faceting menu.
+
+## How to change our design
+
+*Facets* is a prototype, just as *Wax* itself is a prototype, a tool to think with that is also immediately practical. Both of these are built on Jekyll, which allows you an enormous amount of flexibility for changing the design of your site. Feel free to play around with the code that makes our exhibit pages and our galleries tick. The more you transform our work, the more we will feel like we succeeded.
+
+The CSS that determines the look of the site is done using a combination of SASS and the bootstrap framework. To change some common variables, like colors or fonts, you can edit the `/assets/css/style.scss` file. You can always override our own choices from this file as well. You can also add your own CSS files to the `_sass` folder, and simply import them into the main sass file above.
+

Rakefile

@@ -0,0 +1,21 @@
+spec = Gem::Specification.find_by_name 'wax_tasks'
+Dir.glob("#{spec.gem_dir}/lib/tasks/*.rake").each { |r| load r }
+
+require 'html-proofer'
+
+namespace :wax do
+  desc 'run htmlproofer, rspec if .rspec file exists'
+  task :test do
+    opts = {
+      check_external_hash: true,
+      allow_hash_href: true,
+      check_html: true,
+      disable_external: true,
+      empty_alt_ignore: true,
+      only_4xx: true,
+      verbose: true
+    }
+    HTMLProofer.check_directory('./_site', opts).run
+    system('bundle exec rspec') if File.exist?('.rspec')
+  end
+end

_config.yml

@@ -0,0 +1,75 @@
+title: Zapata library
+subtitle: Una biblioteca virtual
+author:
+  name: Alan Mendoza
+  email: 
+description:
+  Like descripción va aquí 
+baseurl: "/wax-facets"
+
+# --------------------------------------------------------------
+# COLLECTION SETTINGS
+# --------------------------------------------------------------
+# Wax leverages Jekyll collections for much of its
+# functionality, therefor some of the keys below are from
+# Jekyll while others are Wax-specific.
+# For more info, refer to:
+# ~> https://jekyllrb.com/docs/collections/
+
+collections:
+  exhibits:
+    output: true
+  lzapata: # name of collection
+    output: true # makes sure pages are output as html files
+    layout: "lzapata_item" # the layout for the pages to use
+    metadata:
+      source: "lzapata.csv" # path to the metadata file within `_data`
+    images:
+      source: "raw_images/lzapata" # path to the directory of images within `_data`
+
+# --------------------------------------------------------------
+# SEARCH INDEX SETTINGS
+# --------------------------------------------------------------
+# You can create multiple search indexes below (though only one is
+# recommended!) by specifying
+# an `index` file to write it to and some `collections` for it to index
+# and running `$ bundle exec rake wax:search` .
+
+search:
+  main:
+    index: "/search/index.json" # file the index will get written to
+    collections:
+      lzapata:
+        content: true # whether or not to index page content
+        fields: # the metadata fields to index
+          - artist
+          - location
+          - label
+          - _date
+          - object_type
+          - current_location
+
+# --------------------------------------------------------------
+# SITE MENU SETTINGS
+# --------------------------------------------------------------
+# Each menu item needs a `label` (whats shown), and a `link`
+# (where it goes). An item can optionally have a dropdown
+# submenu via `sub`.
+
+menu:
+  - label: "Exhibits"
+    sub:
+      - label: "Parallax Images"
+        link: "/exhibits/parallax/"
+      - label: "Image References"
+        link: "/exhibits/references/"
+      - label: "Subset Collection"
+        link: "/exhibits/subset/"
+  - label: "Browse"
+    link: "/collection/"
+  - label: "Search"
+    link: "/search/"
+  - label: "How To"
+    link: "/learning/"
+  - label: "About"
+    link: "/about/"

_data/images.yml

@@ -0,0 +1,27 @@
+# _data/images.yml
+
+- url: 'assets/images/collage/a1.png'
+  alt: 'Cover La ciudad de la noche'
+
+- url: 'assets/images/collage/a2.png'
+  alt: 'Cover el diario de José Toledo'
+
+- url: 'assets/images/collage/a3.png'
+  alt: 'Description for Image 3'
+
+- url: 'assets/images/collage/a4.png'
+  alt: 'Description for Image 4'
+
+- url: 'assets/images/collage/a5.png'
+  alt: 'Description for Image 5'
+
+- url: 'assets/images/collage/a6.png'
+  alt: 'Description for Image 6'
+
+- url: 'assets/images/collage/a7.png'
+  alt: 'Description for Image 7'
+
+- url: 'assets/images/collage/a8.png'
+  alt: 'Description for Image 8'
+
+# Add more image data as needed

_data/lzapata.csv

@@ -0,0 +1,6 @@
+pid,exlibris,item_type,publication_year,decade,author_firstname,author_lastname,title,publisher,pub_place,language,order,layout,collection,thumbnail,full,manifest
+u1,1990,book,1962,1960s,Charles,Pelham Curtis,The Practical Cogitator,Houghton Mifflin,United States,en,0,lzapata_item,lzapata,"/img/derivatives/iiif/images/u1_IMG_7685/full/250,/0/default.jpg","/img/derivatives/iiif/images/u1_IMG_7685/full/1140,/0/default.jpg",/img/derivatives/iiif/u1/manifest.json
+u2,None,book,1994,1990s,Lawrence,Durrell,Citrons acides,LGF/Le Livre de Poche,France,fr,1,lzapata_item,lzapata,"/img/derivatives/iiif/images/u2_IMG_7688/full/250,/0/default.jpg","/img/derivatives/iiif/images/u2_IMG_7688/full/1140,/0/default.jpg",/img/derivatives/iiif/u2/manifest.json
+u3,1976,book,1970,1970s,Gustav,Flaubert,Salammbô,Le Livre de Poche,France,fr,2,lzapata_item,lzapata,"/img/derivatives/iiif/images/u3_IMG_7691/full/250,/0/default.jpg","/img/derivatives/iiif/images/u3_IMG_7691/full/1140,/0/default.jpg",/img/derivatives/iiif/u3/manifest.json
+u4,1908,book,1966,1960s,Guillaume,Apollinaire,Calligrammes: Poemes de la paix et de la guerre (1913-1916),Gallimard,France,fr,3,lzapata_item,lzapata,"/img/derivatives/iiif/images/u4_IMG_7694/full/250,/0/default.jpg","/img/derivatives/iiif/images/u4_IMG_7694/full/1140,/0/default.jpg",/img/derivatives/iiif/u4/manifest.json
+u5,None,book,1985,1980s,Robert Gordon,Wasson,El camino a Eleusis: una solución al enigma de los misterios,Fondo de Cultura Económica,Mexico,spa,4,lzapata_item,lzapata,"/img/derivatives/iiif/images/u5_IMG_7699/full/250,/0/default.jpg","/img/derivatives/iiif/images/u5_IMG_7699/full/1140,/0/default.jpg",/img/derivatives/iiif/u5/manifest.json

_exhibits/parallax.md

@@ -0,0 +1,29 @@
+---
+layout: exhibit
+title: 'Exhibit with a Parallax Image'
+author: Mihr 'Ali
+publish_date: 2018-11-15
+permalink: /exhibits/parallax/
+---
+
+Ut eleifend lacus at erat efficitur bibendum. Ut laoreet elit nec dolor molestie finibus. Vivamus justo risus, scelerisque nec dolor ut, pretium fringilla purus. Nam nisl erat, tristique ac libero vitae, bibendum pellentesque nulla. Praesent accumsan ut mauris ut euismod. Etiam mattis a justo eget blandit. Aliquam vitae magna eget nisi suscipit finibus id sit amet nulla.[^1]
+
+Nam velit leo, mattis ac dui non, vulputate porttitor sapien. Praesent in aliquet dui. Nulla facilisi. Maecenas nulla ex, facilisis non aliquet ac, ultrices eu sem. Sed vel aliquet urna. Mauris quis ex at lectus iaculis elementum id id massa. Integer luctus nulla vel tellus rutrum, ac pulvinar erat finibus. Aliquam erat volutpat. Pellentesque vel velit sit amet mauris dignissim feugiat.
+
+
+{% include parallax_image.html collection='qatar' pid='obj12' y='50%' %}
+
+
+Duis commodo ligula libero, a pharetra ligula posuere sit amet. Sed ipsum dolor, elementum eget nisl eget, sagittis vestibulum augue. Donec tincidunt mauris et nunc sagittis, nec consectetur lorem tristique. Nulla tincidunt magna ut ullamcorper consectetur. Nulla mi urna, feugiat sed massa non, ullamcorper efficitur dolor.[^2] Sed luctus, massa eget pharetra posuere, nibh sem eleifend lectus, lobortis molestie ante libero non metus. Aenean et est sit amet est pulvinar convallis vel non tortor. Nunc semper commodo fringilla. Proin eget metus eget felis faucibus aliquet. Cras ultrices turpis id nibh cursus fringilla. Aenean nec magna turpis. Suspendisse egestas tellus iaculis ante pharetra imperdiet ac at odio.
+
+Integer eu augue elementum, venenatis nisi vitae, ultrices magna. Nunc accumsan sem quis tristique iaculis. Quisque sed lorem tortor. Quisque viverra sem a orci aliquet sodales. Aliquam commodo eros at sagittis vehicula. Quisque in massa turpis. Aliquam aliquam consectetur magna non dignissim. Sed fringilla a ligula vitae molestie.
+
+Duis finibus leo non velit viverra tincidunt. Fusce efficitur laoreet convallis. Sed sem felis, porttitor sit amet volutpat ac, consequat quis lectus. Donec elementum dignissim vehicula. Pellentesque fringilla ex bibendum, ornare sapien a, mollis neque. Duis faucibus diam vitae faucibus feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra elit sem, et euismod massa mattis ut. Phasellus maximus ipsum in nulla sollicitudin viverra. Morbi semper lectus quis dolor cursus, ut convallis lacus venenatis. Pellentesque lorem mauris, malesuada a fringilla et, iaculis sodales metus. Suspendisse finibus purus ut sem commodo feugiat.
+
+---
+
+### Notes
+
+[^1]: Integer eu augue elementum, venenatis nisi vitae, ultrices magna. Nunc accumsan sem quis tristique iaculis. Quisque sed lorem tortor.
+
+[^2]: Nunc semper commodo fringilla. Proin eget metus eget felis faucibus aliquet. Cras ultrices turpis id nibh cursus fringilla. Aenean nec magna turpis. Suspendisse egestas tellus iaculis ante pharetra imperdiet ac at odio.

_exhibits/references.md

@@ -0,0 +1,24 @@
+---
+layout: exhibit
+title: 'Exhibit with Image References'
+author: Mihr 'Ali
+publish_date: 2018-11-15
+permalink: /exhibits/references/
+---
+
+Ut eleifend lacus at erat efficitur bibendum. Ut laoreet elit nec dolor molestie finibus. Vivamus justo risus, scelerisque nec dolor ut, pretium fringilla purus. Nam nisl erat, tristique ac libero vitae, bibendum pellentesque nulla. Praesent accumsan ut mauris ut euismod. Etiam mattis a justo eget blandit. Aliquam vitae magna eget nisi suscipit finibus id sit amet nulla.
+
+Nam velit leo, mattis ac dui non, vulputate porttitor sapien. Praesent in aliquet dui. Nulla facilisi. Maecenas nulla ex, facilisis non aliquet ac, ultrices eu sem. Sed vel aliquet urna. Mauris quis ex at lectus iaculis elementum id id massa. Integer luctus nulla vel tellus rutrum, ac pulvinar erat finibus. Aliquam erat volutpat. Pellentesque vel velit sit amet mauris dignissim feugiat.
+
+{% include inline_image.html collection='qatar' pid='obj7' %}
+
+Duis commodo ligula libero, a pharetra ligula posuere sit amet. Sed ipsum dolor, elementum eget nisl eget, sagittis vestibulum augue. Donec tincidunt mauris et nunc sagittis, nec consectetur lorem tristique. Nulla tincidunt magna ut ullamcorper consectetur. Nulla mi urna, feugiat sed massa non, ullamcorper efficitur dolor. Sed luctus, massa eget pharetra posuere, nibh sem eleifend lectus, lobortis molestie ante libero non metus. Aenean et est sit amet est pulvinar convallis vel non tortor. Nunc semper commodo fringilla. Proin eget metus eget felis faucibus aliquet. Cras ultrices turpis id nibh cursus fringilla. Aenean nec magna turpis. Suspendisse egestas tellus iaculis ante pharetra imperdiet ac at odio.
+
+Integer eu augue elementum, venenatis nisi vitae, ultrices magna. Nunc accumsan sem quis tristique iaculis. Quisque sed lorem tortor. Quisque viverra sem a orci aliquet sodales. Aliquam commodo eros at sagittis vehicula. Quisque in massa turpis. Aliquam aliquam consectetur magna non dignissim. Sed fringilla a ligula vitae molestie.
+
+Duis finibus leo non velit viverra tincidunt. Fusce efficitur laoreet convallis. Sed sem felis, porttitor sit amet volutpat ac, consequat quis lectus. Donec elementum dignissim vehicula. Pellentesque fringilla ex bibendum, ornare sapien a, mollis neque. Duis faucibus diam vitae faucibus feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra elit sem, et euismod massa mattis ut. Phasellus maximus ipsum in nulla sollicitudin viverra. Morbi semper lectus quis dolor cursus, ut convallis lacus venenatis. Pellentesque lorem mauris, malesuada a fringilla et, iaculis sodales metus. Suspendisse finibus purus ut sem commodo feugiat.
+
+
+{% include inline_image.html collection='qatar' pid='obj2' %}
+
+Duis commodo ligula libero, a pharetra ligula posuere sit amet. Sed ipsum dolor, elementum eget nisl eget, sagittis vestibulum augue. Donec tincidunt mauris et nunc sagittis, nec consectetur lorem tristique. Nulla tincidunt magna ut ullamcorper consectetur. Nulla mi urna, feugiat sed massa non, ullamcorper efficitur dolor. Sed luctus, massa eget pharetra posuere, nibh sem eleifend lectus, lobortis molestie ante libero non metus. Aenean et est sit amet est pulvinar convallis vel non tortor. Nunc semper commodo fringilla. Proin eget metus eget felis faucibus aliquet. Cras ultrices turpis id nibh cursus fringilla. Aenean nec magna turpis. Suspendisse egestas tellus iaculis ante pharetra imperdiet ac at odio.

_exhibits/subset.md

@@ -0,0 +1,26 @@
+---
+layout: exhibit
+title: "Exhibit with Subset Collection"
+gallery: True
+author: Mihr 'Ali
+publish_date: 2018-11-15
+permalink: /exhibits/subset/
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Volutpat sed cras ornare arcu dui vivamus arcu felis. Aenean pharetra magna ac placerat vestibulum lectus mauris. Vel orci porta non pulvinar neque laoreet. Augue interdum velit euismod in pellentesque. Id aliquet lectus proin nibh nisl. Sit amet consectetur adipiscing elit duis tristique sollicitudin nibh. In pellentesque massa placerat duis ultricies lacus sed. Purus sit amet volutpat consequat. Morbi tempus iaculis urna id volutpat lacus laoreet. Quam id leo in vitae turpis massa. Aliquam vestibulum morbi blandit cursus risus at. Blandit turpis cursus in hac. Lacinia quis vel eros donec ac odio tempor orci dapibus. Amet mattis vulputate enim nulla aliquet porttitor. Amet purus gravida quis blandit turpis cursus.
+
+
+## Subset Collection without Facets
+
+The gallery below includes the subset of all portraits in the larger qatar collection. In this example there is no facet menu. The item cards are mostly static. 
+
+
+
+## Subset Collection with Facets
+
+The gallery below includes the subset of all manuscripts in the larger qatar collection. Just as you with the larger collection, you can facet the collection by other criteria. The gallery will dynamically change to reflect your selections.
+
+
+
+
+