vite-jekyll 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 931bb21e77f5b39b8a94a5c8fc8d8df1e15aafd4a3122a9de07be244041b34af
+  data.tar.gz: b1b4c2c8abfc1285384a1a32fc5c21a7abd7af1ea81862f33aabf42910122f4d
+SHA512:
+  metadata.gz: 30bc528ef7603dae5157d7ccb4ddd678d5939e74331ff0ef1cf20116b2bc6d969a46d1d1751ce03cf89a4bed686c65c703678de4c0e99512e7e1fdc6fa37e9c7
+  data.tar.gz: 72f85444b67279c847f54a9853598738821338e2542be9b55c0047a4b358f047519c9d825edb35653c9a4e6fde8c77e90b11139995e04ec7094409cd604a529c

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Alex Mamel
+
+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.

data/README.md

@@ -0,0 +1,81 @@
+# vite Jekyll minimal starter theme
+A starter kit for using [Sass](http://sass-lang.com/) with [Jekyll](https://jekyllrb.com/) that includes:
+* A barebones Jekyll starter theme
+* A Gulp file with a default task that does the following:
+
+    * Builds Sass
+    * Runs [Autoprefixer](https://github.com/postcss/autoprefixer)
+    * Minifies your CSS
+    * Builds Jekyll
+    * Runs [Browsersync](https://www.browsersync.io/) for live reload
+
+## What is Sass?
+>"Sass makes CSS fun again. Sass is an extension of CSS, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin."
+– [Sass](http://sass-lang.com/)
+
+## What is Jekyll?
+>"Jekyll is a simple, blog-aware, static site generator perfect for personal, project, or organization sites. Think of it like a file-based CMS, without all the complexity. Jekyll takes your content, renders Markdown and Liquid templates, and spits out a complete, static website ready to be served by Apache, Nginx or another web server. Jekyll is the engine behind GitHub Pages, which you can use to host sites right from your GitHub repositories."
+– [Jekyll](https://jekyllrb.com/)
+
+
+## Requirements
+* [Bundler](http://bundler.io/)
+* [gulp-cli](https://www.npmjs.com/package/gulp-cli)
+* [Jekyll](https://jekyllrb.com/)
+* [Node.js](https://nodejs.org/en/)
+* [npm](https://www.npmjs.com/)
+* [Ruby](https://www.ruby-lang.org/en/)
+
+
+## Get started
+* `bundle install` to install Ruby gems
+* `npm install` to install npm packages
+* `gulp` to run the default Gulp task
+
+
+Inspired by [@taylorbryant](https://github.com/taylorbryant)'s [Sass Jekyll Starter](https://github.com/taylorbryant/sass-jekyll/blob/master/README.md).
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "vite-jekyll"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: vite-jekyll
+```
+
+And then execute:
+
+    $ `bundle exec jekyll serve`
+
+Or install it yourself as:
+
+    $ gem install vite-jekyll
+
+## Usage
+
+TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `vite-jekyll.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

data/_includes/_footer.html

@@ -0,0 +1,24 @@
+<footer class="site-footer h-card" role="contentinfo">
+    <data class="u-url" href="/"></data>
+  
+    <div class="container">
+  
+      <h2 class="footer-heading">Your awesome title</h2>
+  
+      <div class="footer-col-wrapper">
+        <div class="footer-col footer-col-1">
+          <ul class="contact-list">
+            <li class="p-name">Your awesome title</li><li><a class="u-email" href="mailto:your-email@example.com">your-email@example.com</a></li></ul>
+        </div>
+  
+        <div class="footer-col footer-col-2"><ul class="social-media-list"><li><a href="https://github.com/jekyll"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">jekyll</span></a></li><li><a href="https://www.twitter.com/jekyllrb"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#twitter"></use></svg> <span class="username">jekyllrb</span></a></li></ul>
+  </div>
+  
+        <div class="footer-col footer-col-3">
+          <p>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</p>
+        </div>
+      </div>
+  
+    </div>
+
+  </footer>

data/_includes/_head.html

@@ -0,0 +1,61 @@
+<head>
+    <!-- Canonical link to help search engines -->
+    <link rel="canonical" href="{{ site.baseurl }}{{ page.url }}" />
+
+    <!-- Basic meta elements -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
+
+    <!-- Enable responsiveness on mobile devices-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"/>
+
+    <!--   Dublin Core metadata for Site -->  
+    <meta name="DC.title" content="{{ page.title }}" />
+    <meta name="DC.creator" content="{{ page.author }}" />
+    <meta name="DC.contributor" content="{{ page.editor }}" />
+    <meta name="DC.date" content="{{ page.publication-date }}" />
+    <meta name="DC.rights" content="{{ page.rights }}" />
+    <meta name="DC.source" content="{{ site.title }}" />
+
+    <!-- Open Graph metadata -->
+
+    {% if page.layout == "default" %}
+    <meta property="og:title" content="{{page.title}}"/>
+    <meta property="og:description" content="{{site.description}}">
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="{{site.url}}{{site.baseurl}}{{page.url}}"/>
+    <meta property="og:image" content="{{site.url}}{{site.baseurl}}/assets/open-graph-logo.png"/>
+    <meta property="og:image:width" content="200" />
+    <meta property="og:image:height" content="200" />
+
+    {% else %}
+    <meta property="og:title" content="{{page.title}}"/>
+    <meta property="og:description" content="{{site.description}}">
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="{{site.url}}{{site.baseurl}}{{page.url}}"/>
+    <meta property="og:image" content="{{site.url}}{{site.baseurl}}/assets/open-graph-logo.png"/>
+    <meta property="og:image:width" content="200" />
+    <meta property="og:image:height" content="200" />
+    {% endif %}
+
+    <title>
+            {% if page.title == "Projects" %}
+            {{ site.title }}
+            {% else %}
+            {{ page.title }}
+            {% endif %}
+    </title>
+
+    <!-- CSS link -->
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css"/>
+
+    <!-- Icons -->
+    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/assets/apple-touch-icon-precomposed.png"/>
+    <link rel="shortcut icon" href="/assets/favicon.ico"/>
+  
+    <script type="application/ld+json">
+        {"url":"http://localhost:4000/","headline":"Your awesome title","description":"Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.","name":"Your awesome title","@type":"WebSite","@context":"http://schema.org"}</script>
+  
+    <!-- RSS -->
+    <link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml"/>
+</head>

data/_includes/_header.html

@@ -0,0 +1,10 @@
+<header class="site-header" role="banner">
+  <div class="container">
+      <h3>
+          <a class="site-title" rel="author" href="{{ site.baseurl }}/" title="Portfolio">{{ site.title | newline_to_br }}</a>
+          <br><small>{{ site.tagline }}</small>
+      </h3>
+
+      {% include nav.html %}
+  </div>
+</header><!-- End Site Header -->

data/_includes/_nav.html

@@ -0,0 +1,20 @@
+<!-- Site Navigation -->
+<nav class="site-nav">
+<ul>
+    {% if page.active == "projects" %}
+        <li class="active"><a class="page-link" href="/">Projects</a></li>
+    {% else %}
+        <li><a class="page-link" href="/">Projects</a></li>
+    {% endif %}
+    {% if page.active == "writing" %}
+        <li class="active"><a class="page-link" href="/writing/">Writing</a></li>
+    {% else %}
+        <li><a class="page-link" href="/writing/">Writing</a></li>
+    {% endif %}
+    {% if page.active == "about" %}
+        <li class="active"><a class="page-link" href="/about/">About</a></li>
+    {% else %}
+        <li><a class="page-link" href="/about/">About</a></li>
+    {% endif %}
+</ul>
+</nav><!-- End Site Nav -->

data/_includes/_search.html

@@ -0,0 +1,13 @@
+<form id="site_search">
+  <div>In case you don't want to use the search box provided by your browser:</div>
+  <br>
+  <input id="search" type="text" aria-labelledby="search site_search" size="12" />
+</form>
+
+  <div id="results"></div>
+  <ul id="search_results"></ul>
+
+  <!-- Search Specific Scripts -->
+  <script src="{{site.baseurl}}/assets/js/elasticlunr.min.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+  <script src="{{site.baseurl}}/assets/js/search.js"></script>

data/_includes/asides/_sidebar.html

@@ -0,0 +1,3 @@
+<aside>
+    <p>Sidebar</p>
+</aside>

data/_layouts/default.html

@@ -0,0 +1,36 @@
+<!doctype html>
+<html class="no-js" lang="en-us">
+
+  {% include head.html %}
+
+  <body class="theme-base-{{site.color-scheme}}">
+    <!-- This if statement decides which sidebar to use -->
+    {% if page.toc %}
+    {% include sidebar-toc.html %}
+    {% else %}
+    {% include sidebar.html %}
+    {% endif %}
+
+    <!-- Wrap is the content to shift when toggling the sidebar. We wrap the content to avoid any CSS collisions with our real content. -->
+    <div class="site-wrapper">
+        <header class="site-header" role="banner">
+            <div class="container">
+                <h3>
+                    <a class="site-title" rel="author" href="{{ site.baseurl }}/" title="Portfolio">{{ site.title | newline_to_br }}</a>
+                    <br><small>{{ site.tagline }}</small>
+                </h3>
+
+                {% include nav.html %}
+            </div>
+        </header><!-- End Site Header -->
+
+        <main id="main" class="container page-content" aria-label="Content" role="main">
+                {{ content }}
+        </main><!-- End Main Content -->
+    </div><!-- End Site Wrapper -->
+
+    <!-- Set conditional, async loading of JS in footer -->
+    <script src="/assets/js/scripts.min.js"></script>
+    {% include google_analytics.html %}
+  </body>
+</html>

data/_layouts/page.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+
+<div class="page">
+    <h1 class="page-title">{{ page.title }}</h1>
+    {{ content }}
+</div>

data/_layouts/post-archive.html

@@ -0,0 +1,5 @@
+<div class="tiles">
+    {% for post in site.categories %}
+      {% include post-grid.html %}
+    {% endfor %}
+</div><!-- /.tiles -->

data/_layouts/post.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+
+<div class="post">
+  <h1 class="text-title">{{ page.title }}</h1>
+  {{ content }}
+</div>

data/_layouts/projects.html

@@ -0,0 +1,10 @@
+---
+layout: default
+title: Projects
+active: projects
+---
+
+{% for post in site.posts % }
+<li><a href="{{ post.url }}">{{ post.title }}</a></li>
+
+{% endfor %}

data/_sass/_vite-jekyll.scss

@@ -0,0 +1,35 @@
+// TODO : consider scaffold for dark and light theme
+
+@charset 'UTF-8';
+// 1. Configuration and helpers - mixins, variables and tools that do not output code
+@import //'config/normalize',
+'config/variables',
+'config/accessibility',
+'config/layout',
+'config/mixins',
+'config/helpers',
+'config/animations',
+'config/svgs';
+// 2. Elemental stuff - Root elements styles
+@import 'elements/progress',
+'elements/icons',
+'elements/typography',
+'elements/forms',
+'elements/links',
+'elements/buttons',
+'elements/tables',
+'elements/lists';
+// 3. Site - Main site components
+@import 'site/base',
+'site/site-nav',
+'site/grid',
+'site/sidebar',
+'site/site-header',
+'site/footer',
+'site/sections',
+'site/posts',
+'site/front-page',
+'site/404',
+'site/site';
+// 4. Shameful styles - styles that need to be removed and handled differently
+@import 'shame';

data/assets/css/main.scss

@@ -0,0 +1,6 @@
+---
+# this ensures jekyll reads the file to be transformed into CSS later
+# only Main files contain this front matter, not partials.
+---
+
+@import 'vite-jekyll'

metadata

@@ -0,0 +1,133 @@
+--- !ruby/object:Gem::Specification
+name: vite-jekyll
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- xja
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2019-03-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.6'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.6'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: 
+email:
+- xja@pm.me
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _includes/_footer.html
+- _includes/_head.html
+- _includes/_header.html
+- _includes/_nav.html
+- _includes/_search.html
+- _includes/_socials.html
+- _includes/asides/_recent_posts.html
+- _includes/asides/_sidebar.html
+- _includes/google_analytics.html
+- _layouts/about.html
+- _layouts/default.html
+- _layouts/page.html
+- _layouts/post-archive.html
+- _layouts/post-grid.html
+- _layouts/post.html
+- _layouts/projects.html
+- _sass/_shame.scss
+- _sass/_vite-jekyll.scss
+- _sass/config/_accessibility.scss
+- _sass/config/_animations.scss
+- _sass/config/_helpers.scss
+- _sass/config/_layout.scss
+- _sass/config/_mixins.scss
+- _sass/config/_svgs.scss
+- _sass/config/_variables.scss
+- _sass/elements/_buttons.scss
+- _sass/elements/_fonts.scss
+- _sass/elements/_forms.scss
+- _sass/elements/_icons.scss
+- _sass/elements/_links.scss
+- _sass/elements/_lists.scss
+- _sass/elements/_progress.scss
+- _sass/elements/_tables.scss
+- _sass/elements/_typography.scss
+- _sass/site/_404.scss
+- _sass/site/_base.scss
+- _sass/site/_footer.scss
+- _sass/site/_posts.scss
+- _sass/site/_sections.scss
+- _sass/site/_sidebar.scss
+- _sass/site/_site-header.scss
+- _sass/site/_site.nav.scss
+- _sass/site/_site.scss
+- assets/css/main.scss
+- assets/js/main.js
+- assets/js/main.min.js
+homepage: https://github.com/amamel/vite-jekyll
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.2
+signing_key: 
+specification_version: 4
+summary: a mobile-friendly Jekyll theme for designers and quick deploys
+test_files: []