askclass-home-theme 0.0.2 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3a04e5c6d845ac04239a91f242220c0750a78264e2400439180faa329da2f1c4
-  data.tar.gz: 10de59e3c1d84548a74d3ed902f95b5008d97401d83044dfd7a798b6922e1b9b
+  metadata.gz: b394cb0ccaff8e07e1741e2480f78a1e002733d7cb3bc94830ceded61dda80d1
+  data.tar.gz: dd103398ab46a34bca8802f46b8e048dd0dbf73e2858ce345ad2cf3bbcc095ac
 SHA512:
-  metadata.gz: 898a841192a45386c4c74615616f50c6f06d51f5a854058a63b706119b3481c84d68b83353d3126e973a3f9267a7f8bf222a9d471fef3d1aca288dc8908541b9
-  data.tar.gz: 07aba4b679dcb892e58c3100d671f0dac60047151d1631043a8930cb7e51843580287f59f88644fe429bbc066a011747d2f2cd3ea92d55b959c76828087b5300
+  metadata.gz: 7c5327bac9a6b5b01d6b32539355357adb478f5c47a2c55ea0d783ecd7c0ee64202adf0bbf3c07f36b8027b2a16ad1e626d728f0d671a6662097023a816887af
+  data.tar.gz: 955011743e641ee956a626a253795cd31e3231755b5c4eb7dc8ce901e26caef14500763a97401b14f949cd79c0f45f5fffa6cd8009e28e1238b830fec791e06b

data/README.md

@@ -8,7 +8,8 @@ Simple responsive Jekyll theme for a home page.
 Starting fresh:
 ```sh
 $ echo 'source "https://rubygems.org"' > Gemfile
-$ echo 'theme: askclass-home-theme/ > _config.yml
+$ echo 'gem "askclass-home-theme"' >> Gemfile
+$ echo 'theme: askclass-home-theme' > _config.yml
 $ bundle
 $ jekyll serve
 ```

data/_includes/boxes/fullpage.html

@@ -27,12 +27,9 @@
     {%- endif %}
 
     <div class='text'>
-      {%- if info.subheader %}
-        {%- assign smaller = 'smaller' %}
-      {%- endif %}
       {%- for hdr in info.headers %}
         <h1
-          class='animated {{ smaller }}'
+          class='animated'
           style='animation-delay: {{ forloop.index | times: 300 | plus: 100 }}ms'>
           {{ hdr }}
         </h1>

data/_includes/boxes/rounded.html

@@ -3,8 +3,10 @@
   {%- assign len =  info.boxes | size %}
   {%- if len > 1 %}
     {%- assign splitContent = 'split-content' %}
+    {%- assign smaller = 'smaller' %}
   {%- else %}
     {%- assign splitContent = '' %}
+    {%- assign smaller = '' %}
   {%- endif %}
   <div class='max-width {{ splitContent }}'>
   {%- for box in info.boxes %}
@@ -18,7 +20,7 @@
           <img src='{{ box.image.src }}' title='{{ box.image.text }}' width='{{ box.image.width }}' />
         </div>
       {%- endif %}
-      <h1 class='smaller'>{{ box.title }}</h1>
+      <h1 class='{{ smaller }}'>{{ box.title }}</h1>
       <p>{{ box.text }}</p>
       {%- if box.button %}
         <a class='a-button link' href='{{ box.button.href }}'>

data/_sass/_base.scss

@@ -206,3 +206,5 @@ footer {
 .nav-buttons {
   margin: 0 1em;
 }
+
+@import "media";

data/_sass/_defaults.scss

@@ -0,0 +1,25 @@
+$font-main:             'Open Sans', sans-serif;
+$font-mono:             'Share Tech Mono', monospace;
+$font-special:          'Josefin Sans', sans-serif;
+$font-secondary:        'Lora', serif;
+$font-tertiary:         'Lexend', sans-serif;
+
+$color-primary:         white;
+$color-secondary:       floralwhite;
+$color-tertiary:        #2cdd88;
+$color-fg:              #333;
+$color-bg:              whitesmoke;
+$color-dark:            #444;
+$color-link:            deeppink;
+$color-theme:           #ffc100;
+
+$color-row-odd:         #2a2a2a;
+$color-row-even:        #2f2f2f;
+
+$color-button-fg:       #fff;
+$color-button-bg:       #ff4713;
+$color-button2-fg:      #fff;
+$color-button2-bg:      #222;
+$color-code-bg:         #222;
+
+$content-width:         1200px;

data/_sass/_section.scss

@@ -48,13 +48,9 @@ article {
       margin-top: 20px;
     }
 
-    h1.smaller {
-      text-transform: uppercase;
-    }
     h4 {
       margin: 0;
       padding: 0;
-      text-transform: uppercase;
       color: var(--color-dark);
     }
     p {
@@ -78,7 +74,6 @@ article {
       padding: 2em;
       margin: 1em 0;
       h1 {
-        text-transform: uppercase;
         margin: 0;
         line-height: 1;
       }
@@ -88,36 +83,30 @@ article {
     }
   }
 
-  @mixin xlarge() {
+  @mixin large() {
     h1 { font-size: 80px; }
     h1.smaller { font-size: 70px; }
     h4, p { font-size: 35px; }
   }
 
-  @mixin large() {
-    h1 { font-size: 60px; }
-    h1.smaller { font-size: 50px; }
-    h4, p { font-size: 30px; }
-  }
-
   @mixin medium() {
     h1 { font-size: 50px; }
     h1.smaller { font-size: 40px; }
-    h4, p { font-size: 24px; }
+    h4, p { font-size: 30px; }
   }
 
   @mixin small() {
     h1 { font-size: 40px; }
     h1.smaller { font-size: 30px; }
-    h4, p { font-size: 18px; }
+    h4, p { font-size: 24px; }
   }
 
   @media screen and (min-width:1024px) {
-    @include xlarge();
+    @include large();
   }
 
   @media screen and (min-width:767px) {
-    @include large();
+    @include medium();
     .max-width.split-content {
       flex-direction: row;
       &.align-right {
@@ -128,9 +117,8 @@ article {
       }
     }
   }
-  @media screen and (max-width:767px) { @include medium(); }
-  @media screen and (max-width:600px) { @include small(); }
+  @media screen and (max-width:767px) { @include small(); }
 
   &.rounded .max-width,
-  .split-content { @include medium(); }
+  .split-content { @include small(); }
 }

data/_sass/init.scss

@@ -1,34 +1,6 @@
-$font-main:             'Open Sans', sans-serif;
-$font-mono:             'Share Tech Mono', monospace;
-$font-special:          'Josefin Sans', sans-serif;
-$font-secondary:        'Lora', serif;
-$font-tertiary:         'Lexend', sans-serif;
+// Overriding custom variables. See:
+// https://github.com/beAuthentic/askclass-home-theme/blob/main/_sass/_defaults.scss
 
-$color-primary:         white;
-$color-secondary:       floralwhite;
-$color-tertiary:        #2cdd88;
-$color-fg:              #333;
-$color-bg:              whitesmoke;
-$color-dark:            #444;
-$color-link:            deeppink;
-$color-theme:           #ffc100;
-
-$color-row-odd:         #2a2a2a;
-$color-row-even:        #2f2f2f;
-
-$color-button-fg:       #fff;
-$color-button-bg:       #ff4713;
-$color-button2-fg:      #fff;
-$color-button2-bg:      #222;
-$color-code-bg:         #222;
-$color-card-bg:         whitesmoke;
-$color-card-fg:         #444;
-
-$card-font-size:        16px;
-
-$content-width:         1200px;
-
-$grid-width:            180px;
-$grid-image-height:     180px;
-
-@import "media", "base";
+// Example, to overwrite default bg/fg colors specified in the file above:
+// $color-bg:        black;
+// $color-fg:        white;

data/assets/css/default.scss

@@ -1,3 +1,3 @@
 ---
 ---
-@import "init", "base", "section";
+@import "section", "defaults", "init", "base";

data/assets/css/modules.scss

@@ -1,3 +1,3 @@
 ---
 ---
-@import "post", "init";
+@import "post", "defaults", "init", "base";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: askclass-home-theme
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.4
 platform: ruby
 authors:
 - AskClass
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-04-05 00:00:00.000000000 Z
+date: 2023-04-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -50,6 +50,7 @@ files:
 - _sass/_base.scss
 - _sass/_bullets.scss
 - _sass/_colors.scss
+- _sass/_defaults.scss
 - _sass/_media.scss
 - _sass/_post.scss
 - _sass/_section.scss