jekyll-project-stack-portfolio 0.1.2

data/_sass/_stack-presets.custom.scss

@@ -0,0 +1,38 @@
+// Consumer override hook.
+//
+// In a site using this theme gem, add `_sass/_stack-presets.custom.scss`
+// to extend or override the default stack preset classes without copying
+// the entire `_stack-presets.scss` file.
+.redtape {
+  --tab_unlocked: 0;
+  --color1: #be2c2c;
+  --color6: #be2c2c;
+  --color2: #ead4d4;
+
+
+  --text1: "VCR";
+  --text1_color: #ead4d4;
+  --text1_size: 10px;
+
+  --text2: "CASSETTE";
+  --text2_color: #be2c2c;
+  --text2_size: 8px;
+
+  --text6: "HI-DEF";
+  --text6_color: #ebf3dd;
+  --text6_size: 11px;
+}
+
+.bluecd {
+  --tab_unlocked: 0;
+  --color1: #28319c;
+  --color2: #28319c;
+
+  --text1: "60MIN";
+  --text1_color: #ffffff;
+  --text1_size: 13px;
+
+  --text2: "EMI";
+  --text2_color: #ffffff;
+  --text2_size: 14px;
+}

data/_sass/_stack-presets.scss

@@ -0,0 +1,30 @@
+// Stack style and color customization.
+/*
+    Name styles as a single word like .tape1
+    In the project .md file set the stack_style to that value (no .) `stack_style: tape1`
+    Tape color vars map to the VHS label bars from left to right.
+
+
+*/
+.tape {
+  --tab_unlocked: 1; // 0 or 1 to set whether the VHS lock tab is removed
+  --color1: #305198;
+  --color2: #305198;
+  --color3: #305198;
+  --color4: #305198;
+  --color5: #305198;
+
+  --color6: #305198
+  ;
+}
+
+.notebook {
+  --notebook-color: #c74719;
+  --label-color: #ffa008;
+}
+
+.cd {
+  --color1: #5036f5;
+  --color2: #12176a;
+  --label-color: #f7f0e5;
+}

data/_sass/_variables.scss

@@ -0,0 +1,146 @@
+// ===========================
+// VARIABLES
+// ===========================
+
+:root {
+	color-scheme: light;
+	--bg-wallpaper: url("../site_media/lightwall.png");
+
+	// Light mode defaults
+	--bg-deep: #f4f6fb;
+	--bg-mid: #e8edf7;
+	--bg-card: #ffffff;
+	--bg-card-hover: #f7f9ff;
+
+	--accent-purple: #7a4eb6;
+	--accent-teal: #1f8f87;
+	--accent-pink: #d94b80;
+	--accent-yellow: #b38300;
+
+	--text-primary: #1d2030;
+	--text-secondary: #4a4f67;
+	--text-muted: #747a96;
+
+	--border-color: #d2d9ea;
+
+	--sidebar-bg: rgba(244, 246, 251, 0.88);
+	--row-even-bg: rgba(29, 32, 48, 0.03);
+	--selection-bg: rgba(122, 78, 182, 0.25);
+
+	--accent-purple-hover: #8b62c4;
+	--accent-purple-soft: rgba(122, 78, 182, 0.24);
+	--accent-teal-soft: rgba(31, 143, 135, 0.14);
+
+	--glow-purple: 0 0 20px rgba(122, 78, 182, 0.2);
+	--glow-teal: 0 0 20px rgba(31, 143, 135, 0.18);
+	--shadow-card: 0 4px 24px rgba(24, 31, 60, 0.14);
+}
+
+:root[data-theme="light"] {
+	color-scheme: light;
+}
+
+:root[data-theme="dark"] {
+	color-scheme: dark;
+	--bg-wallpaper: url("../site_media/darkwall.jpg");
+
+	--bg-deep: #0d0d1a;
+	--bg-mid: #12122b;
+	--bg-card: #1a1a35;
+	--bg-card-hover: #20203f;
+
+
+	--accent-purple: #b57bee;
+	--accent-teal: #4ecdc4;
+	--accent-pink: #ff6b9d;
+	--accent-yellow: #ffd166;
+
+	--text-primary: #e8e8f0;
+	--text-secondary: #9898b8;
+	--text-muted: #5a5a7a;
+
+	--border-color: #2a2a4a;
+
+	--sidebar-bg: rgba(13, 13, 26, 0.85);
+	--row-even-bg: rgba(255, 255, 255, 0.02);
+	--selection-bg: rgba(181, 123, 238, 0.3);
+
+	--accent-purple-hover: #c692f1;
+	--accent-purple-soft: rgba(181, 123, 238, 0.4);
+	--accent-teal-soft: rgba(78, 205, 196, 0.1);
+
+	--glow-purple: 0 0 20px rgba(181, 123, 238, 0.25);
+	--glow-teal: 0 0 20px rgba(78, 205, 196, 0.25);
+	--shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
+}
+
+
+
+// Colors
+$bg-deep:        var(--bg-deep);
+$bg-mid:         var(--bg-mid);
+$bg-card:        var(--bg-card);
+$bg-card-hover:  var(--bg-card-hover);
+
+$accent-purple:  var(--accent-purple);
+$accent-teal:    var(--accent-teal);
+$accent-pink:    var(--accent-pink);
+$accent-yellow:  var(--accent-yellow);
+
+$text-primary:   var(--text-primary);
+$text-secondary: var(--text-secondary);
+$text-muted:     var(--text-muted);
+
+$border-color:   var(--border-color);
+
+// Themed utility colors
+$sidebar-bg:         var(--sidebar-bg);
+$row-even-bg:        var(--row-even-bg);
+$selection-bg:       var(--selection-bg);
+$accent-purple-hover: var(--accent-purple-hover);
+$accent-purple-soft: var(--accent-purple-soft);
+$accent-teal-soft:   var(--accent-teal-soft);
+
+// Shadows / Glows
+$glow-purple: var(--glow-purple);
+$glow-teal:   var(--glow-teal);
+$shadow-card: var(--shadow-card);
+
+// Typography
+$font-mono:    'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
+$font-body:    'Inter', system-ui, -apple-system, sans-serif;
+$font-display: 'Inter', system-ui, -apple-system, sans-serif;
+
+$font-size-base:  1rem;
+$font-size-sm:    0.875rem;
+$font-size-lg:    1.125rem;
+$font-size-xl:    1.5rem;
+$font-size-2xl:   2rem;
+$font-size-3xl:   2.75rem;
+
+$line-height-base: 1.7;
+
+// Spacing
+$spacing-xs:  0.25rem;
+$spacing-sm:  0.5rem;
+$spacing-md:  1rem;
+$spacing-lg:  1.5rem;
+$spacing-xl:  2rem;
+$spacing-2xl: 3rem;
+$spacing-3xl: 5rem;
+
+// Layout
+$max-width:     1000px;
+$sidebar-width: 500px;
+
+// Borders / Radius
+$radius-sm:  4px;
+$radius-md:  8px;
+$radius-lg:  16px;
+$radius-pill: 999px;
+
+// Transitions
+$transition-fast:   150ms ease;
+$transition-base:   250ms ease;
+$transition-slow:   400ms ease;
+

data/assets/css/main.scss

@@ -0,0 +1,7 @@
+---
+---
+@use "variables" as *;
+@use "base" as *;
+@use "layout" as *;
+@use "stack-presets" as *;
+@use "stack-presets.custom" as *;

data/assets/project_media/zombie-film/script.fountain

@@ -0,0 +1,26 @@
+EXT. ROOFTOP - NIGHT
+
+SARAH sprints across the gravel. Behind her, FOOTSTEPS.
+
+She reaches the edge. Looks down. **Ten stories.**
+
+SARAH
+(to herself)
+Don't think. Just jump.
+
+She backs up. Runs. LEAPS--
+
+CUT TO:
+
+EXT. ADJACENT ROOFTOP - CONTINUOUS
+
+Sarah CRASHES onto the next building, rolls, keeps running.
+
+PURSUER (O.S.)
+You can't run forever!
+
+SARAH
+(over her shoulder)
+Watch me.
+
+SMASH CUT TO:

data/lib/jekyll-project-stack-portfolio.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+require_relative "project-stack-portfolio/version"
+require_relative "../_plugins/stack_row"
+
+module ProjectStackPortfolio
+end

data/lib/project-stack-portfolio/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module ProjectStackPortfolio
+  VERSION = "0.1.2"
+end

metadata

@@ -0,0 +1,155 @@
+--- !ruby/object:Gem::Specification
+name: jekyll-project-stack-portfolio
+version: !ruby/object:Gem::Version
+  version: 0.1.2
+platform: ruby
+authors:
+- Alastair King
+bindir: bin
+cert_chain: []
+date: 1980-01-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        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: '5.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-seo-tag
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.8'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.8'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: Provides layouts, includes, styles, assets for a project portfolio theme.
+email:
+- ali@kinginterweb.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- _includes/components/sidebar/cd.svg
+- _includes/components/sidebar/footer.html
+- _includes/components/sidebar/menu_icon.svg
+- _includes/components/sidebar/noteback.png
+- _includes/components/sidebar/notebook.svg
+- _includes/components/sidebar/project-stack.html
+- _includes/components/sidebar/shelf.html
+- _includes/components/sidebar/sidebar.html
+- _includes/components/sidebar/tape.svg
+- _includes/components/sidebar/theme_toggle_icon.svg
+- _includes/content-top.html
+- _includes/footer-right.html
+- _includes/page_hero.html
+- _layouts/default.html
+- _layouts/page.html
+- _layouts/project.html
+- _plugins/stack_row.rb
+- _sass/_base.scss
+- _sass/_layout.scss
+- _sass/_stack-presets.custom.scss
+- _sass/_stack-presets.scss
+- _sass/_variables.scss
+- assets/css/main.scss
+- assets/project_media/big-texture/death.jpg
+- assets/project_media/big-texture/gallery1/6e45aa_2d63c32a00ed4ab49590e74545dfe0bd~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery1/6e45aa_3ce67d3715f6488ca748d87d8b973281~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery1/6e45aa_5fd34f6dae054cf384c34a462df487b6~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery1/6e45aa_6b21e564fc7e4130b320f7cebc97590f~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery1/6e45aa_7a23e2fb6bc8469382f7415958f4b2ff~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_182bb86e17d14a02b13b09c065698ad5~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_29d1730d24804e4ea0cba6174da2ff41~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_46c6f5f1ec3747fa80fe0ed6fc44e593~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_49faf78a26424cd598df86ed195be94e~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_54222db8edf44b07a2fd7d02bd562620~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_54ebf8bc0e404ac1a7a092752d6450a3~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_69a17c7f86fa4466a014d60023a33e84~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_a09cce390fb2418a94321c6a08a0ab8d~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_a6570c26358d4589adda437790eeb13d~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_cd25051953bf4336af52073532315d2f~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_eea363e1a8204dbabdf409d04aeaeab4~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_f98381967c8943d7a78018deadc5f6f4~mv2
+  (1).jpg
+- assets/project_media/big-texture/gallery2/6e45aa_ff278e4dbe5749aab8c44ee3a089e466~mv2
+  (1).jpg
+- assets/project_media/updated-albums/hero_vid.mp4
+- assets/project_media/zombie-film/image.png
+- assets/project_media/zombie-film/script.fountain
+- assets/site_media/darkwall.jpg
+- assets/site_media/favicon.png
+- assets/site_media/lightwall.png
+- assets/site_media/noteback.png
+- assets/site_media/play_vid.mp4
+- assets/site_media/shelf.png
+- lib/jekyll-project-stack-portfolio.rb
+- lib/project-stack-portfolio/version.rb
+homepage: https://example.com
+licenses:
+- GPL-3.0
+metadata:
+  homepage_uri: https://example.com
+  source_code_uri: https://example.com
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '2.7'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.6.9
+specification_version: 4
+summary: Retro portfolio theme for Jekyll
+test_files: []