frame9-jekyll-theme 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: b764b742e20344094da97cbf47e78d534d9f0010ba2435b1b83dfc4dec2f327d
+  data.tar.gz: b244b7a6854cd14c2040a11bdb014b8c0b5f51b3594eb1bf40e2392fa2921fcc
+SHA512:
+  metadata.gz: d965e6aa8950311c10da924b2479f9bed3868f558459b2abfee92af36242883d8972c520defe9bf00c8174685805f0cfb31b52f25d233630e962def0a11c4c48
+  data.tar.gz: 05c6d54c9107cdffe40e25e554ed7ae41368f6af4a9bc865daf5084dabc71795a8d774057650b1058b37cc19dfbfb4480041eb10c776ea36dcb667d94a61f48c

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 opsaaaaa
+
+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,39 @@
+# Frame9::Jekyll::Theme
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/frame9/jekyll/theme`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'frame9-jekyll-theme'
+```
+
+And then execute:
+
+    $ bundle install
+
+Or install it yourself as:
+
+    $ gem install frame9-jekyll-theme
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/frame9-jekyll-theme.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_config.yml

@@ -0,0 +1,85 @@
+title: Frame 9!
+email: your-email@example.com
+description: >- 
+  A simple multipurpose 9 frame gallery theme for jekyll
+tagline: >-
+  The 9 frame gallery theme for jekyll
+baseurl: ""
+url: "frame9.codekarma.com"
+
+twitter:
+  username: codekarmadev
+  card: summary
+
+twitter_username: codekarmadev
+github_username: CodeKarmaDev
+
+theme: frame9-jekyll-theme
+
+frame9:
+  show_current_tab: false
+  avatar: 'assets/img/avatar.png'
+  footer_links:
+    - title: Github
+      url: 'https://github.com/CodeKarmaDev/frame9-jekyll-theme'
+
+
+plugins:
+  - jekyll-feed
+  - jekyll-seo-tag
+
+
+sass:
+  load_paths:
+    - _sass
+    - node_modules
+  style: compressed
+
+
+collections:
+  sections:
+    output: false
+  tabs:
+    sort_by: order
+    output: true
+    permalink: /:name/
+
+defaults:
+  - scope:
+      path: ''
+      type: section
+    values:
+      layout: section
+  
+  - scope:
+      path: ''
+      type: posts
+    values:
+      layout: post
+      show_sibling_nav: true
+
+  - scope:
+      path: ''
+      type: tabs
+    values:
+      layout: default
+
+
+exclude:
+  - graphics
+  - .gitignore
+  - .sass-cache/
+  - .jekyll-cache/
+  - gemfiles/
+  - Gemfile
+  - Gemfile.lock
+  - node_modules/
+  - vendor/bundle/
+  - vendor/cache/
+  - vendor/gems/
+  - vendor/ruby/
+  - package-lock.json
+  - package.json
+  - frame9-jekyll-theme.gemspec
+  - lib
+

data/_includes/banner.html

@@ -0,0 +1,5 @@
+
+
+<div class="l-banner fill-banner banner">
+
+</div>

data/_includes/fonts.html

@@ -0,0 +1,4 @@
+
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Poppins:ital,wght@0,100;0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">

data/_includes/footer.html

@@ -0,0 +1,17 @@
+<footer class="l-footer footer">
+  <div class="columns">
+    <ul>
+    {% for link_ in site.frame9.footer_links %}
+      <li>
+        <a 
+          target="_blank"
+          href="{{ link_.url }}"
+          >{{ link_.title }}
+
+        </a>
+      </li>
+    {% endfor %}
+  </div>
+
+  </ul>
+</footer>

data/_includes/gallery.html

@@ -0,0 +1,17 @@
+{% assign limit = include.limit %}
+
+{% unless limit %}
+  {% assign limit = 9 %}
+{% endunless %}
+
+
+<div class="gallery bleed">
+
+  {% for _item in include.items limit: limit %}
+    
+    {% include gallery_item.html item=_item openable=include.openable viewer=include.viewer class=include.class %}
+
+  {% endfor %}
+
+</div>
+

data/_includes/gallery_item.html

@@ -0,0 +1,24 @@
+<div
+  {% if include.viewer %}viewer {% endif %}
+  {% if include.openable %}openable {% endif %}
+  class="img-wrap fill-gallery box-shadow-sm  {{ include.class }}">
+       
+  {% include image.html alt=include.item.alt src=include.item.image %}
+
+  {% if include.openable %}
+    <a
+      href="{{ include.item.url | relative_url }}"
+      class="scribe-white"
+      >
+      <div>
+        {% if include.item.summery %}
+          {{ include.item.summery | markdownify }}
+        {% else %}
+          <h3>{{ include.item.title }}</h3>
+          {{ include.item.excerpt }}
+        {% endif %}
+      </div>
+    </a>
+  {% endif %}
+
+</div>

data/_includes/head.html

@@ -0,0 +1,27 @@
+<meta 
+    name="viewport" 
+    content="width=device-width, initial-scale=1" 
+    />
+
+<meta 
+    http-equiv="Content-Type" 
+    content="text/html; charset=UTF-8" 
+    />
+
+<link 
+    rel="stylesheet" 
+    href={{ "/assets/css/style.css" | relative_url }} 
+    />
+
+<script 
+    type="module" 
+    src="{{ '/assets/js/main.js' | relative_url }}"
+    ></script>
+
+
+
+{% seo %} 
+
+{% include custom_head.html %}
+{% include fonts.html %}
+

data/_includes/header.html

@@ -0,0 +1,42 @@
+
+<header class="l-header">
+  <div class='l-logo'>
+    <a
+      class="logo" 
+      href="/">
+      <img
+        class="drop-shadow" 
+        src="{{ site.frame9.avatar | relative_url }}" 
+        alt="{{ site.title }}"
+        >
+    </a>
+  </div>
+    
+
+
+  <nav class="menu text-shadow">
+    {% for tab in site.tabs %}
+      {% assign show_tab = site.frame9.show_current_tab %}
+      {% if show_tab == false %}
+        {% if page.url == tab.url %}
+          {% assign show_tab = false %}
+        {% else %}
+          {% assign show_tab = true %}
+        {% endif %}
+      {% endif %}
+
+      {% if show_tab %}    
+        <a
+          {% if page.url == tab.url %}active{% endif %}
+          class="h2 scribe-invert"
+          href="{{ tab.url }}"
+          >{{ tab.title }}
+        </a>
+      {%endif%}
+
+    {% endfor %}
+  </nav>
+  
+  
+</header>
+

data/_includes/image.html

@@ -0,0 +1,5 @@
+<img
+  loading="lazy"
+  src="{{ include.src | relative_url }}"
+  alt="{{ include.alt }}"
+  />

data/_includes/section.html

@@ -0,0 +1,6 @@
+
+{% assign section_page = site.sub_sections | find: 'title', include.title %}
+{{ section_page.output }}
+
+{% assign section_page = site.sub_sections | find: 'title', 'Installation' %}
+{{ section_page.output }}

data/_includes/siblings.html

@@ -0,0 +1,41 @@
+
+{% if page.show_sibling_nav %}
+  <nav class="sibling-nav hbox ">
+
+
+    {% if page.previous %}
+      <div class="previous">
+        <a 
+          class="sibling-btn"
+          href="{{ page.previous.url }}"
+          >
+          <label>
+            Previous:
+          </label> 
+          <strong>
+            {{ page.previous.title }}
+          </strong>
+        </a>
+      </div>
+    {% endif %}
+
+    {% if page.next %}
+      <div class="next">
+
+        <a 
+          class="sibling-btn"
+          href="{{ page.next.url }}"
+          >
+          <label>
+            Next: 
+          </label>
+          <strong>
+            {{ page.next.title }}
+          </strong>
+        </a>    
+      </div>
+
+    {% endif %}
+
+    </nav>
+{% endif %}

data/_layouts/default.html

@@ -0,0 +1,7 @@
+---
+layout: root
+---
+
+<div class="box layout:default">
+  {{ content }}
+</div>

data/_layouts/post.html

@@ -0,0 +1,9 @@
+---
+layout: root
+---
+<div class="box layout:post">
+    {{ content }}
+
+</div>
+    
+{% include siblings.html %}

data/_layouts/root.html

@@ -0,0 +1,31 @@
+
+
+<!DOCTYPE html>
+
+<html>
+  <head>
+    {% include head.html %}
+  </head>
+
+  <body class='root-layout fill-main-b scribe-main'>
+
+    {% include banner.html %}
+
+    {% include header.html %}
+
+    <main class="l-content l-main fill-main box-shadow">
+      {{ content }}
+    </main>
+
+    {% for section_title in page.sub_sections %}
+      <div class="l-content fill-main box-shadow">
+        <div class="box">
+          {% assign section_page = site.sections | find: 'title', section_title %}
+          {{ section_page.output }}
+        </div>
+      </div>
+    {% endfor %}
+
+    {% include footer.html %}
+  </body>
+</html>

data/_layouts/section.html

@@ -0,0 +1,2 @@
+
+{{ content }}

data/_sass/block/banner.sass

@@ -0,0 +1,28 @@
+
+
+.banner
+
+    height: 100vh
+    @include media-query('md')
+        height: 80vh
+
+    overflow: hidden
+
+    background-image: url(#{$banner-url})
+    background-size: cover
+    background-repeat: no-repeat
+    background-position: center center
+
+.banner
+    z-index: -1
+    position: relative
+
+.banner::after
+    position: absolute
+    top: 0
+    left: 0
+    width: 100%
+    height: 100%
+    content: ''
+    z-index: 0
+    background-color: var(--fill-overlay)