jekyll-theme-tallneck 0.1.2 → 0.2.0

metadata

@@ -1,57 +1,63 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-tallneck
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.2.0
 platform: ruby
 authors:
 - John Toniutti
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-01-19 00:00:00.000000000 Z
+date: 2024-02-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.3'
+        version: '4.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: '4.3'
+        version: '5.0'
 - !ruby/object:Gem::Dependency
-  name: jekyll-seo-tag
+  name: jekyll-feed
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.8'
+        version: '0.17'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.8'
+        version: '0.17'
 - !ruby/object:Gem::Dependency
-  name: jekyll-toc
+  name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.18'
+        version: '2.8'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.18'
+        version: '2.8'
 - !ruby/object:Gem::Dependency
   name: jekyll-sitemap
   requirement: !ruby/object:Gem::Requirement
@@ -80,20 +86,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: rake
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 description: 
 email:
 - john.toniutti@gmail.com
@@ -101,27 +93,69 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- LICENSE.txt
+- LICENSE
 - README.md
-- _includes/article-preview.html
 - _includes/footer.html
 - _includes/head.html
 - _includes/header.html
-- _layouts/400.html
+- _includes/post-card.html
+- _includes/post-preview.html
 - _layouts/404.html
-- _layouts/500.html
+- _layouts/about.html
 - _layouts/base.html
 - _layouts/feed.html
 - _layouts/home.html
-- _layouts/page.html
 - _layouts/post.html
-- assets/css/style.css
-- assets/font/roboto.eot
-- assets/font/roboto.svg
-- assets/font/roboto.ttf
-- assets/font/roboto.woff
-- assets/font/roboto.woff2
-- assets/images/banner.png
+- _sass/custom_layout.scss
+- _sass/custom_variables.scss
+- _sass/dark_code.scss
+- _sass/light_code.scss
+- _sass/tallneck.scss
+- _sass/tallneck/base.scss
+- _sass/tallneck/components.scss
+- _sass/tallneck/components/about.scss
+- _sass/tallneck/components/post-card.scss
+- _sass/tallneck/components/post-preview.scss
+- _sass/tallneck/components/post.scss
+- _sass/tallneck/font.scss
+- _sass/tallneck/footer.scss
+- _sass/tallneck/header.scss
+- _sass/tallneck/layout.scss
+- _sass/tallneck/variables.scss
+- assets/css/code.scss
+- assets/css/print.css
+- assets/css/style.scss
+- assets/font/opensans/opensans-bold.ttf
+- assets/font/opensans/opensans-bold.woff
+- assets/font/opensans/opensans-bold.woff2
+- assets/font/opensans/opensans-italic.ttf
+- assets/font/opensans/opensans-italic.woff
+- assets/font/opensans/opensans-italic.woff2
+- assets/font/opensans/opensans.ttf
+- assets/font/opensans/opensans.woff
+- assets/font/opensans/opensans.woff2
+- assets/font/roboto/roboto.ttf
+- assets/font/roboto/roboto.woff
+- assets/font/roboto/roboto.woff2
+- assets/icon/discord.svg
+- assets/icon/github.svg
+- assets/icon/gitlab.svg
+- assets/icon/instagram.svg
+- assets/icon/linkedin.svg
+- assets/icon/mail.svg
+- assets/icon/reddit.svg
+- assets/icon/telegram.svg
+- assets/icon/threads.svg
+- assets/icon/x.svg
+- assets/image/about.webp
+- assets/image/default.webp
+- assets/image/favicon.ico
+- assets/image/favicon.svg
+- assets/image/logo.svg
+- assets/image/pwa_icon.svg
+- assets/image/pwa_icon_x512.png
+- assets/image/pwa_icon_x96.png
+- assets/sitemanifest.json
 homepage: https://github.com/jotonedev/jekyll-theme-tallneck
 licenses:
 - MIT

data/_includes/article-preview.html

@@ -1,20 +0,0 @@
-<a class="post-preview__box" href="{{ include.url | relative_url }}">
-    <div class="post-preview__box__image">
-        {% if include.image %}
-        <img src="{{ include.image | relative_url }}" alt="{{ include.alt }}">
-        {% else %}
-        <img src="{{ '/assets/images/banner.png' | relative_url }}" alt="Website logo">
-        {% endif %}
-    </div>
-    <div class="post-preview__box__content">
-        <h2 class="post-preview__box__content__title">{{ include.title }}</h2>
-        {% if include.date %}
-        <small class="post-preview__box__content__date">{{ include.date | date: "%-d %B %Y" }}</small>
-        {% endif %}
-        {% if include.author %}
-        &nbsp;&nbsp;|&nbsp;&nbsp;
-        <span class="post-preview__box__content__author">{{ include.author }}</span>
-        {% endif %}
-        <p class="post-preview__box__content__description">{{ include.subtitle }}</p>
-    </div>
-</a>

data/_layouts/400.html

@@ -1,7 +0,0 @@
----
-layout: page
-title: 400
-
----
-
-Bad request

data/_layouts/500.html

@@ -1,6 +0,0 @@
----
-layout: page
-title: 500
----
-
-Server error

data/_layouts/page.html

@@ -1,11 +0,0 @@
----
-layout: base
----
-
-<div id="content" class="container content">
-    <h1>{{ page.title }}</h1>
-    {%- if page.subtitle -%}
-    <p class="subtitle">{{ page.subtitle }}</p>
-    {%- endif -%}
-    {{ content }}
-</div>

data/assets/css/style.css

@@ -1,382 +0,0 @@
-/*
-  Font
-*/
-
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: url('../font/roboto.eot');
-    /* IE9 Compat Modes */
-    src: local(''),
-        /* IE6-IE8 */ url('../font/roboto.eot?#iefix') format('embedded-opentype'),
-        /* Super Modern Browsers */ url('../font/roboto.woff2') format('woff2'),
-        /* Modern Browsers */ url('../font/roboto.woff') format('woff'),
-        /* Safari, Android, iOS */ url('../font/roboto.ttf') format('truetype'),
-        /* Legacy iOS */ url('../font/roboto.svg#Roboto') format('svg');
-    font-display: swap;
-}
-
-
-/*
-  General
-*/
-
-html {
-    font-family: 'Roboto', sans-serif;
-    font-size: 100%;
-    min-width: 270px;
-}
-
-body {
-    margin: 0;
-    box-sizing: border-box;
-}
-
-h1 {
-    font-size: 3rem;
-    text-align: center;
-}
-
-h2 {
-    font-size: 2rem;
-    margin-block-end: 0.5em;
-}
-
-h3 {
-    font-size: 1.3rem;
-    margin-block-start: 0.5em;
-    margin-block-end: 0.5em;
-}
-
-h4 {
-    margin-block-start: 0.5em;
-    margin-block-end: 0.5em;
-}
-
-h5 {
-    margin-block-start: 0.5em;
-    margin-block-end: 0.5em;
-}
-
-small {
-    font-size: small;
-}
-
-a {
-    text-decoration: none;
-    color: #000;
-    word-break: break-all;
-}
-
-a:hover {
-    color: #000000aa;
-}
-
-p {
-    margin-block-start: 0.5em;
-    margin-block-end: 0.5em;
-}
-
-ul {
-    margin-block-start: 0.4em;
-    margin-block-end: 0.6em;
-}
-
-ul li {
-    margin-block-start: 0.2em;
-    margin-block-end: 0.2em;
-}
-
-@media (prefers-color-scheme: dark) {
-    a {
-        color: #fff;
-        text-decoration: none;
-    }
-
-    a:hover {
-        color: #ffffffaa;
-    }
-
-    html {
-        background-color: #121212;
-        color: #fefefe;
-    }
-}
-
-@media print {
-    .no_print, .no_print * {
-        display: none !important;
-    }
-}
-
-img {
-    max-width: 100%;
-    max-height: 100%;
-}
-
-img[src*='#center'] {
-    display: block;
-    margin: auto;
-}
-
-/*
-  Header
-*/
-
-header {
-    max-height: 2em;
-    font-size: 1.1rem;
-
-    position: relative !important;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1.0rem 1.5rem;
-
-    background-color: #1d1d1d;
-}
-
-header nav {
-    float: right;
-}
-
-header nav ul {
-    padding-inline-start: 0;
-    display: flex;
-    flex-direction: row;
-}
-
-header nav ul li {
-    display: inline-block;
-    width: 4em;
-    text-align: center;
-    padding-right: 0.4em;
-    padding-left: 0.4em;
-}
-
-header nav ul li a {
-    width: 100%;
-    display: block;
-    color: #fefefe;
-}
-
-header nav ul li a:hover {
-    color: #cacaca;
-}
-
-.header__logo {
-    float: left;
-    vertical-align: middle;
-    height: fit-content;
-    width: fit-content;
-}
-
-
-.header__logo__img {
-    -webkit-filter: brightness(100%);
-    filter: brightness(100%);
-}
-
-.header__logo__img:hover {
-    -webkit-filter: brightness(70%);
-    filter: brightness(70%);
-    -webkit-transition: all 1s ease;
-    -moz-transition: all 1s ease;
-    -o-transition: all 1s ease;
-    -ms-transition: all 1s ease;
-    transition: all 1s ease;
-}
-
-/*
-  Content
-*/
-
-.container {
-    position: relative;
-    max-width: 900px;
-    margin: auto;
-    padding: 0 1.5rem;
-}
-
-.content {
-    margin: 0 auto;
-    padding: 1.5rem;
-}
-
-.content__info {
-    opacity: 0.7; /* Adjust as needed, 1 is fully opaque, 0 is fully transparent */
-    font-size: 0.8em; /* Adjust as needed, 1em is the current font size */
-}
-
-.subtitle {
-    font-size: 1.2rem;
-    margin-bottom: 0.5rem;
-}
-
-.center {
-    text-align: center;
-}
-
-/*
-  Post preview
-*/
-.post-preview {
-    width: 90%;
-    margin: auto;
-}
-
-.post-preview__box {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 1rem 0 0;
-    margin: 0.5rem;
-    border: 2px solid #00000050;
-    border-radius: 0.5rem;
-    transition: all 0.2s ease-in-out;
-    max-height: 10rem;
-    max-width: 100%;
-    overflow: hidden;
-}
-
-.post-preview__box:hover {
-    border: 2px solid #00000055;
-    background-color: #00000011;
-}
-
-@media (prefers-color-scheme: dark) {
-    .post-preview__box {
-        border: 2px solid #ffffff50;
-    }
-
-    .post-preview__box:hover {
-        border: 2px solid #ffffff55;
-        background-color: #ffffff11;
-    }
-}
-
-.post-preview__box__image {
-    width: 90%;
-    height: 10rem;
-    overflow: hidden;
-}
-
-.post-preview__box__image img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-
-@media (max-width: 870px) {
-    .post-preview__box__image {
-        display: none;
-    }
-    
-    .post-preview__box__content__title {
-        margin-bottom: 0.2em;
-        margin-top: 0.2em;
-        font-size: 1.5rem;
-    }
-}
-
-
-@media (max-width: 350px) {
-    .post-preview__box__image {
-        display: none;
-    }
-    
-    .post-preview__box__content__title {
-        margin-bottom: 0.2em;
-        margin-top: 0.2em;
-        font-size: 1.2rem;
-    }
-}
-
-.post-preview__box__content {
-    width: 100%;
-    padding-left: 0.5rem;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-}
-
-.post-preview__box__content__title {
-    margin-bottom: 0.2em;
-    margin-top: 0.2em;
-}
-
-.post-preview__box__content__date {
-    font-size: 0.8rem;
-    opacity: 0.7;
-}
-
-.post-preview__box__content__author {
-    font-size: 0.8rem;
-    opacity: 0.7;
-}
-
-.post-preview__box__content__description {
-    font-size: 0.9rem;
-    opacity: 0.8;
-}
-
-
-/*
-  Footer
-*/
-
-footer {
-    display: block;
-    margin: 2.5em auto 0;
-    font-size: 1.1rem;
-}
-
-footer hr {
-    width: auto;
-    margin-left: auto;
-    margin-right: auto;
-    border: 0;
-    border-top: 0.1em solid;
-}
-
-footer nav {
-    text-align: center;
-}
-
-footer nav ul {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: center;
-    margin: auto;
-    padding-inline-start: 0;
-    list-style: none;
-    width: 100%;
-}
-
-footer nav ul li {
-    display: inline-block;
-    width: 5em;
-    text-align: center;
-    align-items: center;
-    padding-right: 0.5em;
-    padding-left: 0.5em;
-}
-
-@media (max-width: 280px) { /* Adjust this value based on when you want the items to wrap */
-    footer nav ul li {
-        width: 50%; /* Make each li take up half the width of the ul on small screens */
-    }
-}
-
-footer nav ul li a {
-    width: 100%;
-    display: block;
-}
-
-footer div {
-    padding-bottom: 0.25em;
-    padding-top: 0.25em;
-}