{"id":13608307,"url":"https://github.com/andrewbanchich/ethereal-jekyll-theme","last_synced_at":"2025-04-12T14:32:32.155Z","repository":{"id":72183425,"uuid":"83242806","full_name":"andrewbanchich/ethereal-jekyll-theme","owner":"andrewbanchich","description":"A Jekyll version of the \"Ethereal\" theme by HTML5 UP.","archived":true,"fork":false,"pushed_at":"2022-12-10T03:18:09.000Z","size":913,"stargazers_count":17,"open_issues_count":0,"forks_count":6,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-11-07T13:40:53.345Z","etag":null,"topics":["ethereal-theme","html","jekyll","jekyll-themes","ruby-gem","static","static-site","theme"],"latest_commit_sha":null,"homepage":"https://andrewbanchich.github.io/ethereal-jekyll-theme/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andrewbanchich.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"github":["andrewbanchich"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2017-02-26T21:42:59.000Z","updated_at":"2024-04-06T23:26:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"61055024-2517-430d-8ff6-08267ffb0ea2","html_url":"https://github.com/andrewbanchich/ethereal-jekyll-theme","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrewbanchich%2Fethereal-jekyll-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrewbanchich%2Fethereal-jekyll-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrewbanchich%2Fethereal-jekyll-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrewbanchich%2Fethereal-jekyll-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andrewbanchich","download_url":"https://codeload.github.com/andrewbanchich/ethereal-jekyll-theme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248581344,"owners_count":21128150,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ethereal-theme","html","jekyll","jekyll-themes","ruby-gem","static","static-site","theme"],"created_at":"2024-08-01T19:01:26.248Z","updated_at":"2025-04-12T14:32:31.131Z","avatar_url":"https://github.com/andrewbanchich.png","language":"CSS","funding_links":["https://github.com/sponsors/andrewbanchich"],"categories":["CSS"],"sub_categories":[],"readme":"# Issues\n\nIf you would like to report a bug, ask a question, request a feature, feel free to do so on [the GitLab repository](https://gitlab.com/andrewbanchich/ethereal-jekyll-theme) and I will be more than happy to help!\n\nAlternatively, you can open an issue via email by emailing [incoming+andrewbanchich/ethereal-jekyll-theme@incoming.gitlab.com](mailto:incoming+andrewbanchich/ethereal-jekyll-theme@incoming.gitlab.com).\n\nThe GitHub repository is simply a mirror of the GitLab repository.\n\n# (WIP) Ethereal by HTML5 UP\n\nEthereal by HTML5 UP\nhtml5up.net | @ajlkn\nFree for personal and commercial use under the CCA 3.0 license (html5up.net/license)\n\n\nThis is Ethereal, my latest, greatest, and quite possibly most unique template for HTML5 UP.\nSince releasing Parallelism 3-4 years ago (!!!), I've been dying to do another side-scrolling\ntemplate with more in the way of flexibility/customization potential. The result is this template,\nEthereal, which combines a robust side-scrolling framework of my own creation (with various\n\"scroll-assist\" features like drag/momentum scrolling, keyboard shortcuts, etc.) with a unique\nlook and feel, a lightbox gallery, tons of customization options, and, of course, full\nresponsiveness. Hope you dig it :)\n\nDemo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images\nyou can use for pretty much whatever.\n\n(* = not included)\n\nAJ\naj@lkn.io | @ajlkn\n\n\nInstructions:\n\n\tOverview\n\t========\n\n\t\tBrowsers deal with side-scrolling pages differently to vertically-oriented ones in\n\t\tthat they require elements (or at the very least, the top-most wrapper element) to\n\t\thave a defined (fixed) width. This leads to a number of limitations (eg. the page\n\t\twon't automatically grow/shrink in the same way a vertically-oriented one will), so\n\t\tEthereal does two things to work around this:\n\n\t\t- The entire page is made up of \"panel\" elements, each of which can be assigned an\n\t\t  optional \"size\" modifier (satisfying the fixed width requirement).\n\n\t\t- For panels that don't use a size modifier, individual containing elements *inside*\n\t\t  them (eg. a column) can be assigned a \"span\" modifier to give those a fixed width\n\t\t  instead (also satisfying the fixed width requirement).\n\n\t\tAnother fun quirk of side-scrolling pages is how to actually implement horizontal\n\t\tscrolling *without* resorting to using the (usually ugly) horizontal scrollbar.\n\t\tEthereal does this in FOUR (!) ways:\n\n\t\t- Dragging: Users can simply click and drag the page left or right to scroll it around.\n\t\t  This works exactly as you'd expect, and even has a nice \"post-scroll momentum\" effect.\n\n\t\t- Scroll Wheel: Ethereal modifies* the scroll wheel's behavior to translate vertical\n\t\t  scrolling into horizontal scrolling, allowing the user to use either the scroll wheel\n\t\t  or trackpad to scroll the page (the latter of which retains the ability to horziontally\n\t\t  scroll as normal, so nothing changes there).\n\n\t\t  * Special thanks to @miorel + @pieterv of Facebook for \"normalizeWheel()\" :)\n\n\t\t- Scroll Zones: Users can hover the mouse cursor on the left or right edges of the page\n\t\t  to automatically scroll in either direction.\n\n\t\t- Keyboard Shortcuts: Finally, users can simply use the left/right arrows, page up/down,\n\t\t  home/end, and the spacebar to scroll the page.\n\n\t\tNote that any (or all) of these scroll-assist features can be turned off (and in some\n\t\tcases customized). See the top of assets/js/main.js for more information.\n\n\n\tSpan Modifiers\n\t==============\n\n\t\tSpan modifiers are simply classes that give elements a fixed width, the size of which\n\t\tis determined by the \"unit value\" associated with the modifier (eg. \"span-3\" means\n\t\t\"span 3 units\"). These sizes are in \"rem\" units when used inside panels that don't\n\t\tuse a size modifier, and in percentage units when used inside panels that do.\n\n\t\tEthereal includes span modifiers ranging from 0.25 units (\"span-0-25\") to 10 units\n\t\t(\"span-10\"). Here's a partial list:\n\n\t\tspan-0-25     Span 0.25 units.\n\t\tspan-0-5      Span 0.5 units.\n\t\tspan-0-75     Span 0.75 units.\n\t\tspan-1        Span 1 unit.\n\t\tspan-1-25     Span 1.25 units.\n\t\tspan-1-5      Span 1.5 units.\n\t\tspan-1-75     Span 1.75 units.\n\t\t...\n\t\tspan-9        Span 9 units.\n\t\tspan-9-25     Span 9.25 units.\n\t\tspan-9-5      Span 9.5 units.\n\t\tspan-9-75     Span 9.75 units.\n\t\tspan-10       Span 10 units.\n\n\n\tMajor Elements\n\t==============\n\n\t\tMost of Ethereal's elements are pretty much what you'd expect, but there are a handful\n\t\tof \"major\" ones that warrant a bit more explanation:\n\n\n\t\tPanel\n\t\t------\n\n\t\t\tThe primary building block of Ethereal.\n\n\t\t\tHTML\n\n\t\t\t\t\u003csection class=\"panel (size modifier) (color modifier)\"\u003e\n\t\t\t\t\t\u003cdiv class=\"intro (color modifier)\"\u003e\n\t\t\t\t\t\t(intro content)\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\u003cdiv class=\"inner (inner modifiers) (color modifier)\"\u003e\n\t\t\t\t\t\t(inner content)\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/section\u003e\n\n\t\t\t\tNote: The entire \"intro\" child element can be excluded.\n\t\t\t\tNote: You can have as many \"intro\" and \"inner\" child elements as you like.\n\n\t\t\tModifiers\n\n\t\t\t\tSize\n\n\t\t\t\t\tsmall          Use small size.\n\t\t\t\t\tmedium         Use medium size.\n\t\t\t\t\tlarge          Use large size.\n\n\t\t\t\tColor\n\n\t\t\t\t\tcolor0         Use background color 0 (gradient).\n\t\t\t\t\tcolor1         Use background color 1.\n\t\t\t\t\tcolor2         Use background color 2.\n\t\t\t\t\tcolor3         Use background color 3.\n\t\t\t\t\tcolor4         Use background color 4.\n\t\t\t\t\tcolor1-alt     Use background color 1 (alt).\n\t\t\t\t\tcolor2-alt     Use background color 2 (alt).\n\t\t\t\t\tcolor3-alt     Use background color 3 (alt).\n\t\t\t\t\tcolor4-alt     Use background color 4 (alt).\n\n\t\t\t\tInner\n\n\t\t\t\t\tcolumns        Divides child elements into columns.\n\t\t\t\t\taligned        When used with \"columns\", aligns content to top of panel.\n\t\t\t\t\tdivided        When used with \"columns\", separates each column with a vertical line.\n\n\t\t\tExamples\n\n\t\t\t\tHere's a very basic example:\n\n\t\t\t\t\t\u003csection class=\"panel medium color0\"\u003e\n\t\t\t\t\t\t\u003cdiv class=\"intro\"\u003e\n\t\t\t\t\t\t\t\u003ch2 class=\"major\"\u003ePanel\u003c/h2\u003e\n\t\t\t\t\t\t\t\u003cp\u003eJust a generic panel.\u003c/p\u003e\n\t\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\t\u003cdiv class=\"inner\"\u003e\n\t\t\t\t\t\t\t\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\n\t\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\u003c/section\u003e\n\n\t\t\t\tAnd here's a more advanced example using columns and *no* size modifier:\n\n\t\t\t\t\t\u003csection class=\"panel color2\"\u003e\n\t\t\t\t\t\t\u003cdiv class=\"intro\"\u003e\n\t\t\t\t\t\t\t\u003ch2 class=\"major\"\u003ePanel\u003c/h2\u003e\n\t\t\t\t\t\t\t\u003cp\u003eJust a generic panel.\u003c/p\u003e\n\t\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\t\u003cdiv class=\"inner columns\"\u003e\n\t\t\t\t\t\t\t\u003cdiv class=\"span-4\"\u003e\n\t\t\t\t\t\t\t\t\u003cp\u003eThis column is 4 units wide.\u003c/p\u003e\n\t\t\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\t\t\u003cdiv class=\"span-3\"\u003e\n\t\t\t\t\t\t\t\t\u003cp\u003eThis column is 3 units wide.\u003c/p\u003e\n\t\t\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\t\t\u003cdiv class=\"span-2\"\u003e\n\t\t\t\t\t\t\t\t\u003cp\u003eThis column is 2 units wide.\u003c/p\u003e\n\t\t\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\u003c/section\u003e\n\n\t\t\t\tNote: The \"intro\" child element already has a fixed width, so a span modifier\n\t\t\t\tisn't required.\n\n\n\t\tPanel (Banner)\n\t\t--------------\n\n\t\t\tThe \"Banner\" variant of a regular panel.\n\n\t\t\tHTML\n\n\t\t\t\t\u003csection class=\"panel banner (size modifier) (color modifier) (orientation modifier)\"\u003e\n\t\t\t\t\t\u003cdiv class=\"content (color modifier)\"\u003e\n\t\t\t\t\t\t(content)\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\u003cdiv class=\"image (image modifiers)\" data-position=\"(image position modifier)\"\u003e\n\t\t\t\t\t\t\u003cimg src=\"(image URL)\" alt=\"\" /\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/section\u003e\n\n\t\t\tModifiers\n\n\t\t\t\tOrientation\n\n\t\t\t\t\tleft           Content on the left, image on the right.\n\t\t\t\t\tright          Content on the right, image on the left.\n\n\t\t\t\tImage\n\n\t\t\t\t\tfiltered       Applies a gradient filter to the image.\n\t\t\t\t\ttinted         Applies a tint filter to the image.\n\n\t\t\t\tImage Position (required)\n\n\t\t\t\t\ttop left       Position image in the top-left corner.\n\t\t\t\t\ttop            Position image along the top edge.\n\t\t\t\t\ttop right      Position image in the top-right corner.\n\t\t\t\t\tright          Position image along the right edge.\n\t\t\t\t\tbottom right   Position image in the bottom-right corner.\n\t\t\t\t\tbottom         Position image along the bottom edge.\n\t\t\t\t\tbottom left    Position image in the bottom-left corner.\n\t\t\t\t\tleft           Position image along the left edge.\n\t\t\t\t\tcenter         Position image in the center.\n\n\t\t\tExample\n\n\t\t\t\t\u003csection class=\"panel banner medium right\"\u003e\n\t\t\t\t\t\u003cdiv class=\"content color0\"\u003e\n\t\t\t\t\t\t\u003ch1\u003eBanner\u003c/h1\u003e\n\t\t\t\t\t\t\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\u003cdiv class=\"image\" data-position=\"center\"\u003e\n\t\t\t\t\t\t\u003cimg src=\"/path/to/image.jpg\" alt=\"\" /\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/section\u003e\n\n\n\t\tPanel (Spotlight)\n\t\t-----------------\n\n\t\t\tThe \"Spotlight\" variant of a regular panel.\n\n\t\t\tHTML\n\n\t\t\t\t\u003csection class=\"panel spotlight (size modifier) (orientation modifier)\"\u003e\n\t\t\t\t\t\u003cdiv class=\"content (span modifier)\"\u003e\n\t\t\t\t\t\t(content)\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\u003cdiv class=\"image (image modifiers)\" data-position=\"(image position modifier)\"\u003e\n\t\t\t\t\t\t\u003cimg src=\"(image URL)\" alt=\"\" /\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/section\u003e\n\n\t\t\tModifiers\n\n\t\t\t\tOrientation\n\n\t\t\t\t\tleft           Content on the left.\n\t\t\t\t\tright          Content on the right.\n\n\t\t\t\tImage\n\n\t\t\t\t\tfiltered       Applies a gradient filter to the image.\n\t\t\t\t\ttinted         Applies a tint filter to the image.\n\n\t\t\t\tImage Position (required)\n\n\t\t\t\t\ttop left       Position image in the top-left corner.\n\t\t\t\t\ttop            Position image along the top edge.\n\t\t\t\t\ttop right      Position image in the top-right corner.\n\t\t\t\t\tright          Position image along the right edge.\n\t\t\t\t\tbottom right   Position image in the bottom-right corner.\n\t\t\t\t\tbottom         Position image along the bottom edge.\n\t\t\t\t\tbottom left    Position image in the bottom-left corner.\n\t\t\t\t\tleft           Position image along the left edge.\n\t\t\t\t\tcenter         Position image in the center.\n\n\t\t\tExample\n\n\t\t\t\t\u003csection class=\"panel spotlight large right\"\u003e\n\t\t\t\t\t\u003cdiv class=\"content\"\u003e\n\t\t\t\t\t\t\u003ch1\u003eSpotlight\u003c/h1\u003e\n\t\t\t\t\t\t\u003cp\u003eLorem ipsum dolor sit amet.\u003c/p\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t\u003cdiv class=\"image\" data-position=\"center\"\u003e\n\t\t\t\t\t\t\u003cimg src=\"/path/to/image.jpg\" alt=\"\" /\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/section\u003e\n\n\n\t\tGallery\n\t\t-------\n\n\t\t\tA lightbox-enabled gallery.\n\n\t\t\tHTML\n\n\t\t\t\t\u003cdiv class=\"gallery\"\u003e\n\t\t\t\t\t\u003ca href=\"(full image URL)\" class=\"image (image modifiers) (span modifier)\" data-position=\"(image position modifier)\"\u003e\n\t\t\t\t\t\t\u003cimg src=\"(thumbnail image URL)\" alt=\"\" /\u003e\n\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\u003ca href=\"(full image URL)\" class=\"image (image modifiers) (span modifier)\" data-position=\"(image position modifier)\"\u003e\n\t\t\t\t\t\t\u003cimg src=\"(thumbnail image URL)\" alt=\"\" /\u003e\n\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\u003ca href=\"(full image URL)\" class=\"image (image modifiers) (span modifier)\" data-position=\"(image position modifier)\"\u003e\n\t\t\t\t\t\t\u003cimg src=\"(thumbnail image URL)\" alt=\"\" /\u003e\n\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\u003cdiv class=\"group (span modifier)\"\u003e\n\t\t\t\t\t\t\u003ca href=\"(full image URL)\" class=\"image (image modifiers) (span modifier)\" data-position=\"(image position modifier)\"\u003e\n\t\t\t\t\t\t\t\u003cimg src=\"(thumbnail image URL)\" alt=\"\" /\u003e\n\t\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\t\u003ca href=\"(full image URL)\" class=\"image (image modifiers) (span modifier)\" data-position=\"(image position modifier)\"\u003e\n\t\t\t\t\t\t\t\u003cimg src=\"(thumbnail image URL)\" alt=\"\" /\u003e\n\t\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\t\u003ca href=\"(full image URL)\" class=\"image (image modifiers) (span modifier)\" data-position=\"(image position modifier)\"\u003e\n\t\t\t\t\t\t\t\u003cimg src=\"(thumbnail image URL)\" alt=\"\" /\u003e\n\t\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\t\u003ca href=\"(full image URL)\" class=\"image (image modifiers) (span modifier)\" data-position=\"(image position modifier)\"\u003e\n\t\t\t\t\t\t\t\u003cimg src=\"(thumbnail image URL)\" alt=\"\" /\u003e\n\t\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\t...\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\t...\n\t\t\t\t\u003c/div\u003e\n\n\t\t\t\tNote: The \"group\" element creates a dual-row group of images. Images inside this group will\n\t\t\t\tautomatically wrap to the next row when they exceed its width (as defined by its span modifier).\n\t\t\t\tYou can have as many groups in a gallery as you like.\n\n\t\t\tModifiers\n\n\t\t\t\tImage\n\n\t\t\t\t\tfiltered       Applies a gradient filter to the image.\n\t\t\t\t\ttinted         Applies a tint filter to the image.\n\n\t\t\t\tImage Position (required)\n\n\t\t\t\t\ttop left       Position image in the top-left corner.\n\t\t\t\t\ttop            Position image along the top edge.\n\t\t\t\t\ttop right      Position image in the top-right corner.\n\t\t\t\t\tright          Position image along the right edge.\n\t\t\t\t\tbottom right   Position image in the bottom-right corner.\n\t\t\t\t\tbottom         Position image along the bottom edge.\n\t\t\t\t\tbottom left    Position image in the bottom-left corner.\n\t\t\t\t\tleft           Position image along the left edge.\n\t\t\t\t\tcenter         Position image in the center.\n\n\t\t\tExample\n\n\t\t\t\t\u003cdiv class=\"gallery\"\u003e\n\t\t\t\t\t\u003ca href=\"/assets/images/thumbnails/01.jpg\" class=\"image filtered span-2\" data-position=\"center\"\u003e\n\t\t\t\t\t\t\u003cimg src=\"/assets/images/fulls/01.jpg\" alt=\"\" /\u003e\n\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\u003ca href=\"/assets/images/thumbnails/02.jpg\" class=\"image filtered span-4\" data-position=\"center\"\u003e\n\t\t\t\t\t\t\u003cimg src=\"/assets/images/fulls/02.jpg\" alt=\"\" /\u003e\n\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\u003cdiv class=\"group span-4\"\u003e\n\t\t\t\t\t\t\u003ca href=\"/assets/images/thumbnails/03.jpg\" class=\"image filtered span-2\" data-position=\"center\"\u003e\n\t\t\t\t\t\t\t\u003cimg src=\"/assets/images/fulls/03.jpg\" alt=\"\" /\u003e\n\t\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\t\u003ca href=\"/assets/images/thumbnails/04.jpg\" class=\"image filtered span-2\" data-position=\"center\"\u003e\n\t\t\t\t\t\t\t\u003cimg src=\"/assets/images/fulls/04.jpg\" alt=\"\" /\u003e\n\t\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\t\u003ca href=\"/assets/images/thumbnails/05.jpg\" class=\"image filtered span-2\" data-position=\"center\"\u003e\n\t\t\t\t\t\t\t\u003cimg src=\"/assets/images/fulls/05.jpg\" alt=\"\" /\u003e\n\t\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\t\u003ca href=\"/assets/images/thumbnails/06.jpg\" class=\"image filtered span-2\" data-position=\"center\"\u003e\n\t\t\t\t\t\t\t\u003cimg src=\"/assets/images/fulls/06.jpg\" alt=\"\" /\u003e\n\t\t\t\t\t\t\u003c/a\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/div\u003e\n\n\nCredits:\n\n\tDemo Images:\n\t\tUnsplash (unsplash.com)\n\n\tIcons:\n\t\tFont Awesome (fortawesome.github.com/Font-Awesome)\n\n\tOther:\n\t\tjQuery (jquery.com)\n\t\tMisc. Sass functions (@HugoGiraudel)\n\t\tnormalizeWheel (@miorel + @pieterv of Facebook)\n\t\tSkel (skel.io)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandrewbanchich%2Fethereal-jekyll-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandrewbanchich%2Fethereal-jekyll-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandrewbanchich%2Fethereal-jekyll-theme/lists"}