jekyll-theme-teddy 0.3.0 → 0.5.0

data/_sass/variables.scss

@@ -1,24 +1,47 @@
-// Headers
-$h1-font-size: 30pt !default;
-$h2-font-size: 24pt !default;
-$h3-font-size: 22pt !default;
-$h4-font-size: 20pt !default;
-$h5-font-size: 18pt !default;
-$h6-font-size: 16pt !default;
-
-// Text
-$text-color: #C9C9D1 !default;
-
-// Background
-$main-bg: #1D1D26 !default;
-$secondary-bg: #2F3039 !default;
-$footer-bg: #15151c !default;
-$blockquote-bg: $secondary-bg !default;
-
-// Code
-$code-bg-color: $secondary-bg !default;
-$code-text-color: $text-color !default;
-
-// Links
-$link-normal: #0071e0 !default;
-$link-visited: #7540b2 !default;
+// Home Header
+$main-title: 50pt !default;
+$sub-title: 26pt !default;
+
+// Home Card
+$card-header-font-size: 14pt !default;
+$card-content-font-size: 11pt !default;
+$card-content-color: rgba(201, 201, 209, 0.75) !default;
+$card-border-radius: 15px !default;
+$card-shadow: rgba(255, 255, 255, .5) !default;
+
+// Header/Text Size
+$h1-font-size: 30pt !default;
+$h2-font-size: 24pt !default;
+$h3-font-size: 22pt !default;
+$h4-font-size: 20pt !default;
+$h5-font-size: 18pt !default;
+$h6-font-size: 16pt !default;
+$regular-text-size: 12pt !default;
+
+// General Colors
+$primary-color: #C9C9D1 !default;
+$primary-color-slightly-faded: rgba(201, 201, 209, 0.6) !default;
+$primary-color-faded: rgba(201, 201, 209, 0.4) !default;
+
+// Text
+$text-color: $primary-color !default;
+
+// Background
+$main-bg: #1D1D26 !default;
+$secondary-bg: #2F3039 !default;
+$footer-bg: #15151c !default;
+$blockquote-bg: $secondary-bg !default;
+
+// Code
+$code-bg-color: $secondary-bg !default;
+$code-text-color: $text-color !default;
+
+// Links
+$link-normal: #0071e0 !default;
+$link-visited: #7540b2 !default;
+
+// Responsive Sizes
+$extra-large-screen: 3500px !default;
+$large-screen: 2500px !default;
+$medium-screen: 1600px !default;
+$small-screen: 700px !default;

data/assets/css/default.scss

@@ -0,0 +1,4 @@
+---
+---
+
+@import 'jekyll-theme-teddy';

data/assets/css/home.scss

@@ -0,0 +1,4 @@
+---
+---
+
+@import 'home-page';

data/assets/js/galaxy-animation.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(Element.prototype, 'outerHeight', {
+    'get': function(){
+        var height = this.clientHeight;
+        var computedStyle = window.getComputedStyle(this);
+        height += parseInt(computedStyle.marginTop, 10);
+        height += parseInt(computedStyle.borderTopWidth, 10);
+        height += parseInt(computedStyle.borderBottomWidth, 10);
+        return height;
+    }
+});
+
+let canvas = document.getElementById('canvas');
+let banner =  document.getElementById('home-banner')
+
+let ctx = canvas.getContext('2d');
+let w;
+let h;
+
+let stars = [];
+let count = 0;
+
+const hue = 260;
+const maxStars = 200;
+const background = "black";
+
+// Cache gradient
+let canvas2 = document.createElement('canvas');
+let ctx2 = canvas2.getContext('2d');
+
+canvas2.width =  100;
+canvas2.height = 100;
+
+let half = canvas2.width/2;
+let gradient2 = ctx2.createRadialGradient(half, half, 0, half, half, half);
+
+gradient2.addColorStop(0.025, '#fff');
+gradient2.addColorStop(0.1, 'hsl(' + hue + ', 61%, 100%)');
+gradient2.addColorStop(0.25, 'hsl(' + hue + ', 64%, 0%)');
+gradient2.addColorStop(1, 'transparent');
+
+ctx2.fillStyle = gradient2;
+ctx2.beginPath();
+ctx2.arc(half, half, half, 0, Math.PI * 2);
+ctx2.fill();
+
+// End cache
+
+function setSize() {
+    w = canvas.width = document.getElementsByTagName("html")[0].clientWidth;
+    h = canvas.height = banner.outerHeight;
+}
+
+setSize();
+
+function random(min, max) {
+    if (arguments.length < 2) {
+        max = min;
+        min = 0;
+    }
+
+    if (min > max) {
+        let hold = max;
+        max = min;
+        min = hold;
+    }
+
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+function maxOrbit(x,y) {
+    let max = Math.max(x,y),
+        diameter = Math.round(Math.sqrt(max*max + max*max));
+    return diameter/2;
+}
+
+let Star = function() {
+
+    this.orbitRadius = random(maxOrbit(w/1.75,h/1.75));
+    this.radius = random(60, this.orbitRadius) / 12;
+    this.orbitX = w / 2;
+    this.orbitY = h / 2;
+    this.timePassed = random(0, maxStars);
+    this.speed = random(this.orbitRadius) / 1000000;
+    this.alpha = random(2, 10) / 10;
+
+    count++;
+    stars[count] = this;
+}
+
+Star.prototype.draw = function() {
+    let x = Math.sin(this.timePassed) * this.orbitRadius + this.orbitX,
+        y = Math.cos(this.timePassed) * this.orbitRadius + this.orbitY
+
+    ctx.globalAlpha = this.alpha;
+    ctx.drawImage(canvas2, x - this.radius / 2, y - this.radius / 2, this.radius, this.radius);
+    this.timePassed += this.speed;
+}
+
+for (let i = 0; i < maxStars; i++) {
+    new Star();
+}
+
+function animation() {
+    ctx.globalCompositeOperation = 'source-over';
+    ctx.globalAlpha = 0.8;
+    ctx.fillStyle = background;
+    ctx.fillRect(0, 0, w, h)
+
+    ctx.globalCompositeOperation = 'lighter';
+    for (let i = 1, l = stars.length; i < l; i++) {
+        stars[i].draw();
+    };
+
+    window.requestAnimationFrame(animation);
+}
+
+animation();
+
+window.addEventListener('resize', () => {
+    setSize();
+    stars = [];
+    count = 0;
+    for (let i = 0; i < maxStars; i++) {
+        new Star();
+    }
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-teddy
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.5.0
 platform: ruby
 authors:
 - Teddy55Codes
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-08 00:00:00.000000000 Z
+date: 2024-08-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -44,6 +44,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-toc
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.19.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.19.0
 description:
 email:
 - teddy@teddy.email
@@ -54,26 +68,32 @@ files:
 - LICENSE.txt
 - README.md
 - _layouts/default.html
-- _sass/Inter.scss
+- _layouts/home.html
+- _layouts/post.html
 - _sass/code-highlighting.scss
 - _sass/fonts.scss
+- _sass/home-page.scss
 - _sass/jekyll-theme-teddy.scss
+- _sass/mixins.scss
 - _sass/teddy.scss
 - _sass/variables.scss
-- assets/Fonts/Inter/cyrillic-ext.woff2
-- assets/Fonts/Inter/cyrillic.woff2
-- assets/Fonts/Inter/greek-ext.woff2
-- assets/Fonts/Inter/greek.woff2
-- assets/Fonts/Inter/latin-ext.woff2
-- assets/Fonts/Inter/latin.woff2
-- assets/Fonts/Inter/vietnamese.woff2
-- assets/Fonts/JetbrainsMono/cyrillic-ext.woff2
-- assets/Fonts/JetbrainsMono/cyrillic.woff2
-- assets/Fonts/JetbrainsMono/greek.woff2
-- assets/Fonts/JetbrainsMono/latin-ext.woff2
-- assets/Fonts/JetbrainsMono/latin.woff2
-- assets/Fonts/JetbrainsMono/vietnamese.woff2
-- assets/css/style.scss
+- assets/css/default.scss
+- assets/css/home.scss
+- assets/fonts/Inter/cyrillic-ext.woff2
+- assets/fonts/Inter/cyrillic.woff2
+- assets/fonts/Inter/greek-ext.woff2
+- assets/fonts/Inter/greek.woff2
+- assets/fonts/Inter/latin-ext.woff2
+- assets/fonts/Inter/latin.woff2
+- assets/fonts/Inter/vietnamese.woff2
+- assets/fonts/JetbrainsMono/cyrillic-ext.woff2
+- assets/fonts/JetbrainsMono/cyrillic.woff2
+- assets/fonts/JetbrainsMono/greek.woff2
+- assets/fonts/JetbrainsMono/latin-ext.woff2
+- assets/fonts/JetbrainsMono/latin.woff2
+- assets/fonts/JetbrainsMono/vietnamese.woff2
+- assets/images/github-icon.png
+- assets/js/galaxy-animation.js
 homepage: https://github.com/Teddy55Codes/jekyll-theme-teddy
 licenses:
 - MIT
@@ -93,7 +113,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.9
+rubygems_version: 3.3.15
 signing_key:
 specification_version: 4
 summary: The theme used for https://github.com/Teddy55Codes/Blog

data/assets/css/style.scss

@@ -1,4 +0,0 @@
----
----
-
-@import 'jekyll-theme-teddy';