minimal-categorized 0.0.11 → 0.0.16

data/_sass/variables/_light-theme.scss

@@ -0,0 +1,17 @@
+$base-white: #fafafa;
+$main-bg-color: #fafafa;
+$dark: #1c313a;
+$primary: #455a64;
+$p_light: #718792;
+$p_lighter_less: #8fa4ad;
+$p_lighter: #a8bac2;
+$p_lightest: #eef3f5;
+$p_dark: #1c313a;
+$p_darkest: #1c313a;
+$secondary: #303f9f;
+$s_light: #666ad1;
+$s_lighter: #a0a0d1;
+$s_dark: #001970;
+$p_text: #1c313a;
+$p_text_dimmed: #5e8ca7;
+$s_text: #ffffff;

data/_sass/variables/_mixins.scss

@@ -31,4 +31,17 @@
             border-color: #555 transparent transparent transparent;
           }
     }
+}
+
+@mixin hyperlink-convention {
+    a {
+      transition: all 300ms ease 0s;
+      cursor: pointer;
+      text-decoration-line: none;
+      text-decoration: underline $primary;
+      &:hover {
+          color: $primary;
+          font-weight: 500;
+      }
+  }
 }

data/assets/img/project-2.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 460 460" style="enable-background:new 0 0 460 460;" xml:space="preserve">
+<g>
+	<path style="fill:#325763;" d="M375,310.077V460h35V280.522C400.197,292.319,388.352,302.349,375,310.077z"/>
+	<path style="fill:#05232E;" d="M150,347.53V460h35V357.5c35.133,0,67.006-13.943,90.402-36.59l-72.607-13.83
+		C189.091,324.755,170.933,338.8,150,347.53z"/>
+	<path style="fill:#FAEAB6;" d="M410,201.369l-0.084-0.003c-1.574,41.607-28.08,76.252-64.916,89.898v31.468
+		c10.614-2.961,20.668-7.254,30-12.655c13.352-7.727,25.197-17.758,35-29.554c17.723-21.327,28.774-48.398,29.895-78.022H440
+		v-98.833l-30,10V201.369z"/>
+	<path style="fill:#6B8F9C;" d="M202.794,307.08C219.845,285.088,230,257.481,230,227.5v-47.727L100,197.5c-38.66,0-70-31.34-70-70
+		c0-38.66,31.34-70,70-70v-30c-55.229,0-100,44.771-100,100c0,55.228,44.771,100,100,100V325H65v135h35V357.5
+		c17.719,0,34.607-3.551,50-9.97C170.933,338.8,189.091,324.755,202.794,307.08z"/>
+	<path style="fill:#325763;" d="M440,47.143L420,30h-27V0c-12.065,0-22.362,7.534-26.479,18.144l-57.98,149.564L230,179.773V227.5
+		c0,29.982-10.155,57.588-27.206,79.58l72.607,13.83L310,327.5V460h35V291.263c36.836-13.646,63.342-48.29,64.916-89.898
+		l0.084,0.003v-87.702l30-10l1.026-0.342C451.462,99.846,460,88,460,77V50L440,47.143z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

data/assets/img/project-3.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 187 187"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="13.97" y1="93.5" x2="172.35" y2="93.5" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00ffa9"/><stop offset="1" stop-color="#0d4dff"/></linearGradient></defs><title>Q</title><path class="cls-1" d="M172.35,127.34c-.29-10.91-.13-21.84-.06-32.76a17.24,17.24,0,0,0-1.58-7.75c-3.35-7-6.7-14.1-9.82-21.25-1.69-3.88-4.15-5.56-8.54-5.45-10.5.27-21,0-31.52.15-3.11,0-4.41-.61-4.23-4,.3-5.34-.21-10.73.15-16.06.41-6.1-2.37-7.95-8-7.87-14.43.21-28.85.07-43.28.07s-28.85,0-43.27,0c-7.25,0-8.16,1-8.17,8.24Q14,75,14,109.27c0,10.35,0,10.33,10.25,11.21,1.19.1,3.43-.74,2.91,1.72-.28,1.31-.18,3.56-2.63,3.54-1,0-2.07.05-3.09,0-3.51-.13-7.17.13-7.26,4.59s3.7,5,7.11,4.76,5,.86,6.24,4.15c3.91,10,11.68,15.3,22.39,15.37s18.45-5.3,22.53-15.22c1.28-3.11,2.58-4.41,6.09-4.31,9.89.27,19.79.24,29.67,0,3.44-.08,4.89,1,6.16,4.28a23.24,23.24,0,0,0,22.49,15.29c10.77-.2,18.42-5.5,22.52-15.34,1.2-2.88,2.17-4.51,5.51-4.2C170.45,135.65,172.49,132.88,172.35,127.34ZM150.49,96.05c-3.36.15-22.39.11-27.46.09a1.23,1.23,0,0,1-1.23-1.25V75.08a1.25,1.25,0,0,1,1.25-1.25h3.6c5.94,0,11.88,0,17.82,0a5.66,5.66,0,0,1,5.43,3.33c1.93,3.84,3.84,7.69,5.45,11.66C157.16,93.29,155.42,95.83,150.49,96.05Z"/></svg>

data/assets/styles/highlight.css

@@ -0,0 +1,74 @@
+.highlight { color: #cccccc }
+.highlight pre { background-color: #222222 }
+.highlight .hll { background-color: #222222 }
+.highlight .c { color: #2e7400 } /* Comment */
+.highlight .err { color: #cccccc; border: 1px solid #FF0000 } /* Error */
+.highlight .g { color: #cccccc } /* Generic */
+.highlight .k { color: #cdcd00 } /* Keyword */
+.highlight .l { color: #cccccc } /* Literal */
+.highlight .n { color: #cccccc } /* Name */
+.highlight .o { color: #3399cc } /* Operator */
+.highlight .x { color: #cccccc } /* Other */
+.highlight .p { color: #cccccc } /* Punctuation */
+.highlight .cm { color: #2e7400 } /* Comment.Multiline */
+.highlight .cp { color: #2e7400 } /* Comment.Preproc */
+.highlight .c1 { color: #2e7400 } /* Comment.Single */
+.highlight .cs { color: #cd0000; font-weight: bold } /* Comment.Special */
+.highlight .gd { color: #cd0000 } /* Generic.Deleted */
+.highlight .ge { color: #cccccc; font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #FF0000 } /* Generic.Error */
+.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #00cd00 } /* Generic.Inserted */
+.highlight .go { color: #808080 } /* Generic.Output */
+.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { color: #cccccc; font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #0040D0 } /* Generic.Traceback */
+.highlight .kc { color: #cdcd00 } /* Keyword.Constant */
+.highlight .kd { color: #00cd00 } /* Keyword.Declaration */
+.highlight .kn { color: #cd00cd } /* Keyword.Namespace */
+.highlight .kp { color: #cdcd00 } /* Keyword.Pseudo */
+.highlight .kr { color: #cdcd00 } /* Keyword.Reserved */
+.highlight .kt { color: #00cd00 } /* Keyword.Type */
+.highlight .ld { color: #cccccc } /* Literal.Date */
+.highlight .m { color: #cd00cd } /* Literal.Number */
+.highlight .s { color: #cd0000 } /* Literal.String */
+.highlight .na { color: #cccccc } /* Name.Attribute */
+.highlight .nb { color: #cd00cd } /* Name.Builtin */
+.highlight .nc { color: #00cdcd } /* Name.Class */
+.highlight .no { color: #cccccc } /* Name.Constant */
+.highlight .nd { color: #cccccc } /* Name.Decorator */
+.highlight .ni { color: #cccccc } /* Name.Entity */
+.highlight .ne { color: #666699; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #cccccc } /* Name.Function */
+.highlight .nl { color: #cccccc } /* Name.Label */
+.highlight .nn { color: #cccccc } /* Name.Namespace */
+.highlight .nx { color: #cccccc } /* Name.Other */
+.highlight .py { color: #cccccc } /* Name.Property */
+.highlight .nt { color: #cccccc } /* Name.Tag */
+.highlight .nv { color: #00cdcd } /* Name.Variable */
+.highlight .ow { color: #cdcd00 } /* Operator.Word */
+.highlight .w { color: #cccccc } /* Text.Whitespace */
+.highlight .mf { color: #cd00cd } /* Literal.Number.Float */
+.highlight .mh { color: #cd00cd } /* Literal.Number.Hex */
+.highlight .mi { color: #cd00cd } /* Literal.Number.Integer */
+.highlight .mo { color: #cd00cd } /* Literal.Number.Oct */
+.highlight .sb { color: #cd0000 } /* Literal.String.Backtick */
+.highlight .sc { color: #cd0000 } /* Literal.String.Char */
+.highlight .sd { color: #cd0000 } /* Literal.String.Doc */
+.highlight .s2 { color: #cd0000 } /* Literal.String.Double */
+.highlight .se { color: #cd0000 } /* Literal.String.Escape */
+.highlight .sh { color: #cd0000 } /* Literal.String.Heredoc */
+.highlight .si { color: #cd0000 } /* Literal.String.Interpol */
+.highlight .sx { color: #cd0000 } /* Literal.String.Other */
+.highlight .sr { color: #cd0000 } /* Literal.String.Regex */
+.highlight .s1 { color: #cd0000 } /* Literal.String.Single */
+.highlight .ss { color: #cd0000 } /* Literal.String.Symbol */
+.highlight .bp { color: #cd00cd } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #00cdcd } /* Name.Variable.Class */
+.highlight .vg { color: #00cdcd } /* Name.Variable.Global */
+.highlight .vi { color: #00cdcd } /* Name.Variable.Instance */
+.highlight .il { color: #cd00cd } /* Literal.Number.Integer.Long */
+
+.highlight .dl {color: #e26647}
+.highlight .lineno { color: rgb(173, 173, 173); margin-right: 5px; }

data/assets/styles/styles.scss

@@ -1,4 +1,9 @@
 ---
 ---
-
-@import "minimal-categorized";
+// {% if site.data.metaData.lightTheme %}
+// @import "./variables/light-theme";
+// {% else %}
+// @import "./variables/dark-theme";
+// {% endif %}
+@import "minimal-categorized";
+@import "./highlight.css";

data/pages/about.html

@@ -6,11 +6,7 @@ category: about
 
 ---
 <div class="profile">
-    <div class="avatar">
-        <a href="about.html" alt="avatar">
-            <img src="{{ site.data.metaData.avatar_url }}" alt="avatar" onerror="this.style.display='none'"> 
-        </a>
-    </div>
+    {% include avatar.html %}
     <h2>{{ site.data.menu.menu_headline }}</h2>
     <p>{{ site.data.menu.menu_intro }}</p>
 </div>

data/pages/category-1.html

@@ -3,6 +3,78 @@ title: Category 1
 layout: category-aggregator
 permalink: category-1.html
 category: category-1
-summary: Summary of a category. It is just a special placeholder wrapped in a particular class, so it looks more interesting. You can always make your own layout for a category, or make a category.html look the way you want.
+summary: Summary of a category. It is just a special placeholder wrapped in a particular class, so it looks more interesting. You can always make your own layout for a category, or make a category.html look the way you want. If you want to see the source code of this theme, feel free to check out the repository on <a href="https://github.com/ItsMeaga1n/minimal-categorized" target="_blank">GitHub</a>.
 ---
-
+<hr>
+<h2>Showcase of customizing aggregator site</h2>
+<div class="collection">
+    <div class="group">
+        <div class="title">Title for this section</div>
+        <ul>
+            <a class="item" href="super-cat.html">
+                <div class="icon"><img src="assets/img/project-1.png"></div>
+                <div class="content">
+                    <h4>Super cat</h4>
+                    <div class="description">
+                        With this customization you can showcase here whatever you want, and create a separate pages fot each of those. This one will redirect to the Super cat site
+                    </div>
+                </div>
+            </a>
+            <a class="item" >
+                <div class="icon"><img src="assets/img/project-2.svg"></div>
+                <div class="content">
+                    <h4>CatoCat</h4>
+                    <div class="description">
+                        CatoCat description. It's very fun and so on. 
+                    </div>
+                </div>
+            </a>
+        </ul>
+    </div>
+    <div class="group">
+        <div class="title">Title for this section</div>
+        <ul>
+            <a class="item" href="gate.html">
+                <div class="icon"><img src="assets/img/project-3.svg"></div>
+                <div class="content">
+                    <h4>Gate page</h4>
+                    <div class="description">
+                        This particular cell will take you to the gate webpage, which is a former "homepage". You can still use it if you want!
+                    </div>
+                </div>
+            </a>
+            <a class="item" href="https://ko-fi.com/itsmeaga1n0929" target="_blank">
+                <div class="icon"><img src="assets/img/ko-fi.jpg"></div>
+                <div class="content">
+                    <h4>Ko-fi</h4>
+                    <div class="description">
+                        If you enjoy what I'm doing, maybe you want to sponsor me a coffee?
+                    </div>
+                </div>
+            </a>
+        </ul>
+    </div>
+    <div class="group">
+        <div class="title">Title for this section</div>
+        <ul>
+            <a class="item">
+                <div class="icon"><img src="assets/img/project-4.png"></div>
+                <div class="content">
+                    <h4>Project coffuska</h4>
+                    <div class="description">
+                        Project that converts coffee into lines of code. Or will, right now there is nothing
+                    </div>
+                </div>
+            </a>
+            <a class="item">
+                <div class="icon"><i class="fas fa-cat"></i></div>
+                <div class="content">
+                    <h4>Project X</h4>
+                    <div class="description">
+                        Project X description. It's very fun and so on. Well, for now there is nothing
+                    </div>
+                </div>
+            </a>
+        </ul>
+    </div>
+</div>

data/pages/gate.html

@@ -0,0 +1,4 @@
+---
+layout: gate
+permalink: gate.html
+---

data/pages/super-cat.html

@@ -0,0 +1,9 @@
+---
+title: Category 1
+layout: default
+permalink: super-cat.html
+category: category-1
+---
+<hr>
+<h1>Super cat!</h2>
+<div class="icon"><img src="assets/img/project-1.png"></div>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: minimal-categorized
 version: !ruby/object:Gem::Version
-  version: 0.0.11
+  version: 0.0.16
 platform: ruby
 authors:
 - Patryk Bieszke
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-05 00:00:00.000000000 Z
+date: 2020-11-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -38,37 +38,52 @@ files:
 - _data/customs.yml
 - _data/menu.yml
 - _data/metaData.yml
+- _includes/avatar.html
 - _includes/common-head.html
 - _includes/cookies.js
 - _includes/customizations.html
 - _includes/footer.html
-- _includes/home.js
+- _includes/gate.js
 - _includes/menu.html
 - _layouts/category-aggregator.html
 - _layouts/default.html
+- _layouts/gate.html
 - _layouts/home.html
 - _layouts/post.html
 - _sass/minimal-categorized.scss
+- _sass/styles/_avatar.scss
 - _sass/styles/_category-aggregator.scss
 - _sass/styles/_cookies.scss
 - _sass/styles/_defaults.scss
+- _sass/styles/_gate.scss
 - _sass/styles/_home.scss
 - _sass/styles/_index.scss
 - _sass/styles/_layout.scss
 - _sass/styles/_menu.scss
 - _sass/styles/_post.scss
 - _sass/styles/_profile.scss
+- _sass/styles/_projects-collection.scss
 - _sass/variables/_colors.scss
+- _sass/variables/_dark-theme.scss
 - _sass/variables/_index.scss
 - _sass/variables/_layout.scss
+- _sass/variables/_light-theme.scss
 - _sass/variables/_mixins.scss
 - assets/img/avatar.png
 - assets/img/category-1.jpg
 - assets/img/category-2.jpg
+- assets/img/ko-fi.jpg
+- assets/img/project-1.png
+- assets/img/project-2.svg
+- assets/img/project-3.svg
+- assets/img/project-4.png
+- assets/styles/highlight.css
 - assets/styles/styles.scss
 - pages/about.html
 - pages/category-1.html
 - pages/category-2.html
+- pages/gate.html
+- pages/super-cat.html
 homepage: https://github.com/ItsMeaga1n/minimal-categorized
 licenses:
 - MIT