trillOS 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 14fa7bcaa8d4ff71a1b17d3e4bad8b71b5b24442b7dea11377972a3a1f6cd3ff
+  data.tar.gz: 66449422baabce16c101b0c3e6d98b9e71860532cd8dcc187bae8f33c19046d9
+SHA512:
+  metadata.gz: 15d45ca18d185d027089887a456ed34a3d10b133e86efb9ad9be633bdf368da56bb2425f4bf77f8165be1f2055fb6a8886dbc99050c7f3a14e7a2693cc2d7f06
+  data.tar.gz: 2fefa86fea391f043a375e13654b0dc77f20419a3390bc4d8b11f012a5d2df0e8b2c778dff373b754b8894d2565234f3289cda35119b007fd63161ccc2f9f4b8

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2025 OGtrilliams
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,50 @@
+# trillOS
+
+Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
+
+To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "trillOS"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: trillOS
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install trillOS
+
+## Usage
+
+TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/trillOS. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://www.contributor-covenant.org/) code of conduct.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `trillOS.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_data/navigation.yml

@@ -0,0 +1,6 @@
+- name: Home
+  link: /
+- name: About
+  link: /about.html
+- name: Images
+  link: /images.html

data/_includes/footer.html

@@ -0,0 +1,43 @@
+ <footer>
+ <div class="wrapper">
+        <div name="toolbar" class="toolbar-bottom">
+            <div class="dropdown">
+                <button><i class="fa-solid fa-gear"></i>Menu</button>
+
+                  <div id="menu" class="content">
+                      <!-- Etsy -->
+                    <a href="https://etsy.com/OGtrilliams" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-etsy"></i>Etsy</a>
+                      <!-- Bluesky -->
+                    <a href="https://bsky.app/profile/stilltrill.bsky.social" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-bluesky"></i>Bluesky</a>
+                     
+                      <!-- YouTube -->
+                    <a href="https://youtube.com/OGtrilliams" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-youtube"></i>YouTube</a>
+                     
+                      <!-- Linkedin -->
+                    <a href="https://linkedin.com/in/trilliams" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-linkedin"></i>LinkedIN</a>
+                      <!-- Github -->
+                    <a href="https://github.com/OGtrilliams" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-github"></i>Github</a>
+                   <a href="https://twitch.com/OGtrilliams" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-twitch"></i>Twitch</a>
+                    <a href="https://dev.to/OGtrilliams" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-dev"></i>dev.to</a></div>
+                  </div>
+                  <div type="contact" class="toolbar-right"><div class="bugreport"><i class="fa-solid fa-bugs"></i>Report Bugs
+                  <a href="/feed.xml"><i class="fas fa-wifi"></i></a> 
+                  <a href="mailto:hello@trilliams.sh"><i class="fa-solid fa-envelope" subject="hey there" name="email"></i></a></div>
+                  
+                        <div class="digital-clock">
+                            <span id="hours">00</span>
+                            <span id="colon">:</span>
+                            <span id="minutes">00</span>
+                            <span id="colon">:</span>
+                            <span id="seconds">00</span>
+                        </div>
+
+                            <div class="calendar-right">
+                              <span id="current-day">Sunday,</span> <span id="current-date">01</span> <span id="current-month">January</span> <span id="current-year">2025</span>
+                            </div>
+              </div>
+            </div>         
+        
+     </div> 
+     <script src="/assets/js/tmedate.js"></script>
+    </footer>

data/_includes/head.html

@@ -0,0 +1,9 @@
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="stylesheet" type="text/css" href="/assets/scss/style.css">
+
+  <link rel="shortcut icon" type="image/x-icon" href="/{{ site.favicon }}" />
+
+</head>

data/_includes/header.html

@@ -0,0 +1,9 @@
+<header> 
+  <div class="folder-2"><label name="title" class="title">{{ page.title }}</label>
+    <div class="other-buttons">
+        <button name="mini"><i class="fa-solid fa-window-minimize"></i></button>
+        <button name="max"><i class="fa-regular fa-window-maximize"></i></button>
+        <button name="close"><i class="fa-solid fa-xmark"></i></button></div>
+     </div>
+
+  </header>

data/_includes/menu_item.html

@@ -0,0 +1,19 @@
+<ul>
+  {% for item in include.collection %}
+    <li>
+    {% if item.url != false %}
+      <a href="{{ item.url }}">{{ item.title }}</a>
+    {% else %}
+      {{ item.title }}
+    {% endif %}
+    </li>
+
+    {% if item.post_list == true %}
+      {% include post_list.html %}
+    {% endif %}
+
+    {% if item.entries != blank %}        
+      {% include menu_item.html collection=item.entries %}
+    {% endif %}
+  {% endfor %}
+</ul>

data/_includes/navigation.html

@@ -0,0 +1,12 @@
+    
+    <nav>
+        {% for item in site.data.navigation %}
+        <div class="btn-group"> <button type="button" class="button-head"><a href="{{ item.link }}" {% if page.url == item.link %}class="current"{% endif %}>
+           guest@trilliams: {{ item.name }} -- - ssh 
+          </a></button></div>
+        {% endfor %} <button type="button" class="divplus"><a onclick="window.history.back()">+</a></button>
+        {% if page.show_sidebar %}
+
+        {% endif %}
+      </nav>
+      

data/_includes/post_list.html

@@ -0,0 +1,32 @@
+<div class="wrapper index-columns">
+ 
+  <div class="index-items">
+
+    {% for item in site.data.navigation %}
+    <button>
+      <div class="item-link" name="item-link">
+        <a href="{{ item.link }}" {% if page.url == item.link %}class="current"{% endif %}><i class="fa-regular fa-file-code xl"></i></a>
+      </div>  
+      <div class="index-txt">{{ item.name }}</div>
+    </button>
+      
+    {% endfor %}
+  </div>
+
+  <div class="index-posts">
+
+    {% if site.posts.size > 0 %}
+    {% for post in site.posts %}
+    <button>
+      <div class="post-link" name="post-link">
+        <a href="{{ post.url }}"><i class="fa-regular fa-file-lines xl"></i></a>
+    </div>
+        <div class="index-title">{{ post.title | downcase }}.txt</div>
+
+    </button>
+      {% endfor %} 
+      {% endif %}  
+  
+      </div>
+ 
+</div>  

data/_includes/postlist.html

@@ -0,0 +1,14 @@
+<ul>
+  {% for item in site.data.navigation %}
+     <li> <i class="fa-regular fa-file"></i><a href="{{ item.link }}" {% if page.url == item.link %}class="current"{% endif %}>{{ item.name }}</a></li>
+    
+  {% endfor %}
+</ul>
+
+<ul>
+  {% for post in site.posts %}
+    <li><i class="fa-solid fa-file-lines"></i>
+      <a href="{{ post.url }}">{{ post.title }}</a>
+    </li>
+  {% endfor %}
+</ul>

data/_layouts/default.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    {% include head.html %}
+</head>
+
+<body>
+
+        <div class="container">
+    <div class="toolbar-top"><label name="title" class="title">{{ page.title }}</label>
+    </div>
+    <div class="other-buttons">
+        <button name="mini"><i class="fa-solid fa-window-minimize"></i></button>
+        <button name="max"><i class="fa-regular fa-window-maximize"></i></button>
+        <button name="close"><i class="fa-solid fa-xmark"></i></button>
+    </div>
+     
+        <div class="navigation"> 
+            <div class="navi buttons">
+                <button name="file">File</button>
+                <button name="edit">Edit</button>
+                <button name="view">View</button>
+                <button name="go">Go</button>
+                <button name="bookmarks">Bookmarks</button>
+                <button name="help">Help</button></div>
+            </div> 
+            <div class="toolbar">
+                <a onclick="window.history.back()"><i class="fa-solid fa-angles-left"></i></a>
+                <i class="fa-solid fa-angles-right"></i>
+                <i class="fa-solid fa-arrow-up-long"></i>
+                <i class="fa-solid fa-arrow-rotate-right"></i> 
+                <i class="fa-solid fa-grip-lines-vertical"></i>
+                <i class="fa-solid fa-house"></i> <label>Location:</label> <textarea readonly cols="30" rows="1" placeholder="/home/trilliams" id="text" name="dud"></textarea><i class="fa-solid fa-magnifying-glass"></i> 
+            </div>
+            
+            <div class="side-menu scrollable"> 
+            <div class="mycompy"><i class="fa-solid fa-sort-down"></i>My Computer</div>
+            <div class="sidebar" name="home"> <a href="/"><i class="fa-solid fa-folder-open"></i>Desktop</div></a>
+            <div class="sidebar"><i class="fa-solid fa-caret-right"></i><i class="fa-solid fa-folder-closed"></i>Documents</div>
+            <div class="sidebar"><i class="fa-solid fa-caret-right"></i><i class="fa-solid fa-folder-closed"></i>Images</div>
+            <div class="sidebar"><i class="fa-solid fa-caret-right"></i><i class="fa-solid fa-folder-closed"></i>Applications</div>
+            <div class="sidebar"><i class="fa-solid fa-caret-right"></i><i class="fa-solid fa-folder-closed"></i>trilliams</div>
+        </div>
+        <div class="post-list scrollable">
+            {{ content }}
+        </div>        
+          <div class="bottom-toolbar"></div>
+</div>
+       
+    {% include footer.html %}
+</body>
+</html>

data/_layouts/images.html

@@ -0,0 +1,13 @@
+---
+layout: default
+--- 
+
+{% assign image_files = site.static_files | where: "image", true %}
+{% for myimage in image_files %}
+  {{ myimage.path }}
+{% endfor %}
+
+<details>
+  <summary>Images</summary>
+
+</details>

data/_layouts/page.html

@@ -0,0 +1,20 @@
+---
+layout: page
+---
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ page.title }}</title>
+    <style>
+        body {
+            background: 000;
+            display: grid;
+        }
+    </style>
+</head>
+<body>
+    <div class="content">{{ content }}</div>
+</body>
+</html>

data/_layouts/post.html

@@ -0,0 +1,146 @@
+---
+layout: page
+---
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    {% include head.html %}
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title> {{ page.title }} </title>
+    <style>
+  *,
+  *:before,
+  *:after {
+    margin: 0;
+    padding: 0;
+  }  
+  body {
+    background: #121212; /* Dark solid background for the overall page */
+    font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace;
+    color: #121212;
+    line-height: 1.54rem;
+    height: 100vh;
+    box-sizing: border-box;
+  }
+  select {
+    width: 125px;
+  }
+  .container {
+    display: grid;
+    grid-template-rows: 50px 50px 500px 40px;
+    grid-template-columns: 1fr 3fr;
+    width: 85%;
+    margin: 0 auto;
+  }
+  .gedit {
+    border-radius: 5px;
+  }
+  .gedit button {
+    width: 40px;
+  }
+  .gedit-toolbar, .gedit-browser, .gedit-subnav, .gedit-bottom {
+    background: lightgrey;
+  }
+  .gedit-content {
+    background: whitesmoke;
+  }
+  .gedit-browser-subnav {
+    background: lightgray;
+  }
+  .gedit-sidebar {
+    background: whitesmoke;
+    grid-area: 3 /1 / 5 /1;
+    overflow-y: auto;
+  }
+
+  .gedit-subnav {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    padding: 0 10px;
+    border: 1px solid rgb(172, 172, 172);
+
+  }
+  .gedit-header {
+    grid-column: 1;
+    grid-row: 1;
+    border-left: 0;
+    font-size: 18px;
+    font-weight: bold;
+    box-shadow: 2px 2px 3px 0px grey;
+
+  }
+  .gedit-title {
+    grid-column: 2;
+    grid-row: 1;
+    border: 1px solid grey;
+    font-size: 18px;
+    font-weight: bold;
+  }
+  /*grid-area: row-start col-start row-end col-end;*/
+  .bt-bottom, .gedit-browser {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+    grid-template-rows: 1fr;
+  }
+  .fa-plus{
+    display: flex;
+    float: right;
+  }
+  .other-buttons{
+    grid-column: 6;
+  }
+  .mb-right{
+    grid-column: 5;
+  }
+  .gedit-decotext{
+    font-weight: bold;
+    font-size: 22px;
+  }
+  .gedit-content {
+    padding: 10px;
+    overflow-y: auto;
+  }
+    </style>
+</head>
+<body>
+
+    <div class="container">
+        <div class="gedit gedit-toolbar"> <span class="gedit-decotext">File Browser</span><i class="fa-solid fa-caret-down xl"></i></div>
+        <div class="gedit gedit-browser"> <div class="gedit-decotext">gedit-factory.c</div>
+
+            <div class="other-buttons">   
+                <button name="mini"><i class="fa-solid fa-window-minimize"></i></button>
+                <button name="max"><i class="fa-regular fa-window-maximize"></i></button>
+                <button name="close"><i class="fa-solid fa-xmark"></i></button>
+            </div> 
+        </div>
+        <div class="gedit gedit-browser-subnav">
+
+                <button><i class="fa-solid fa-chevron-left xl"></i></button>
+                <button><i class="fa-solid fa-chevron-right xl"></i></button>
+                <button><i class="fa-solid fa-chevron-up xl"></i></button>
+                <select name="gedit" id="gedit-fake">
+                <option value="gedit">gedit</option>
+            </select>
+        </div>
+        <div class=" gedit-subnav">
+            <div class="gedit-header">{{ page.title }}<i class="fa-solid fa-plus"></i></div>
+            <div class="gedit-title">gedit.c <i class="fa-solid fa-plus"></i></div>
+        </div>
+        <div class="gedit gedit-sidebar"> {% include postlist.html %} </div>
+        <div class="gedit-content">{{ content }}</div>
+        <div class=" gedit gedit-bottom">
+            <div class="bt-bottom">
+                <div class="blog-type pad">TXT<i class="fa-solid fa-angle-down xl"></i></div>
+                <div class="width pad">Width: <i class="fa-solid fa-angle-down xl"></i></div> 
+                <div class="line pad">Ln 1, Col 1</div> 
+                <div class="down pad"><i class="fa-solid fa-angle-down"></i></div> 
+                <div class="state pad">INS</div>
+        </div>
+        </div>
+        
+    </div>
+    
+</body>
+</html>

data/assets/images/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="100%" height="100%" viewBox="0 0 1000 600"><rect width="1000" height="600" x="0" y="0" fill="#ffffff"/><g><rect width="333.3333333333333" height="333.3333333333333" y="324.2004725711606" fill="#ffc8dd" transform="matrix(0.41393709490134467,0,0,0.41393709490134456,0,96.8118760851811)" x="301.9782409667968"/><path d="M427.81722185370774 565.8671554196206L435.9946992457814 519.4584789792024L407.6122868375256 519.4584789792024L407.6122868375256 505.2821951790746L438.56135273380454 505.2821951790746L443.51559086184915 476.48195545881504L415.3420921095953 476.48195545881504L415.3420921095953 462.30567165868723L446.0822443498723 462.30567165868723L454.259721741946 415.8671504102687L469.92824594208724 415.8671504102687L443.51559086184915 565.8671554196206L427.81722185370774 565.8671554196206ZM467.3615924540641 565.8671554196206L493.77424753430216 415.8671504102687L509.47261654244363 415.8671504102687L501.29513915036995 462.30567165868723L529.6775515586257 462.30567165868723L529.6775515586257 476.48195545881504L498.7284856623468 476.48195545881504L493.77424753430216 505.2821951790746L521.9477462865561 505.2821951790746L521.9477462865561 519.4584789792024L491.20759404627904 519.4584789792024L483.0301166542053 565.8671554196206L467.3615924540641 565.8671554196206Z " fill="#ffffff" transform="matrix(0.41393709490134467,0,0,0.41393709490134456,0,96.8118760851811)"/><path d="M814.7523717207944 563.5096938440503L775.0868024302221 563.5096938440503Q763.4365833918715 563.5096938440503 758.0089519340047 556.985571182574Q752.5813204761379 550.4888608011879 752.5813204761379 540.2092557673492L752.5813204761379 540.2092557673492L752.5813204761379 475.07767827294714L718.644917724425 475.07767827294714L718.644917724425 461.6730733088215L743.8916276875328 461.6730733088215Q749.0451363444973 461.6730733088215 751.1010573512651 459.5897400219635Q753.1843906381231 457.5338190151957 753.1843906381231 452.38031035823127L753.1843906381231 452.38031035823127L753.1843906381231 425.7355741105213L768.3707938081142 425.7355741105213L768.3707938081142 461.6730733088215L814.7523717207944 461.6730733088215L814.7523717207944 475.07767827294714L768.3707938081142 475.07767827294714L768.3707938081142 550.0776765998344L814.7523717207944 550.0776765998344L814.7523717207944 563.5096938440503ZM844.5495201788815 563.5096938440503L844.5495201788815 550.0776765998344L874.3740809170589 550.0776765998344L874.3740809170589 475.07767827294714L844.5495201788815 475.07767827294714L844.5495201788815 461.6730733088215L890.1635542490351 461.6730733088215L890.1635542490351 487.33096747328284L891.1503963322835 487.33096747328284Q894.3028085426608 475.296976513669 903.0747381715365 468.4713187712001Q911.8740800805025 461.6730733088215 925.4705710052598 461.6730733088215L925.4705710052598 461.6730733088215L939.6975443720926 461.6730733088215L939.6975443720926 477.4625466407977L920.5363605890171 477.4625466407977Q906.9398696642598 477.4625466407977 898.5517119566475 485.3572833067858Q890.1635542490351 493.25201997277395 890.1635542490351 506.08096705500463L890.1635542490351 506.08096705500463L890.1635542490351 550.0776765998344L929.6372375789757 550.0776765998344L929.6372375789757 563.5096938440503L844.5495201788815 563.5096938440503ZM1013.2995164143776 439.1675913547373L1013.2995164143776 439.1675913547373Q1006.3916218316381 439.1675913547373 1003.6503938226144 436.31671422535265Q1000.8817535335005 433.4384248158778 1000.8817535335005 429.1072845616204L1000.8817535335005 429.1072845616204L1000.8817535335005 425.95487235124324Q1000.8817535335005 421.59631981689563 1003.6503938226144 418.745442687511Q1006.3916218316381 415.8671532780362 1013.2995164143776 415.8671532780362L1013.2995164143776 415.8671532780362Q1020.2074109971173 415.8671532780362 1022.9760512862312 418.745442687511Q1025.7446915753449 421.59631981689563 1025.7446915753449 425.95487235124324L1025.7446915753449 425.95487235124324L1025.7446915753449 429.1072845616204Q1025.7446915753449 433.4384248158778 1022.9760512862312 436.31671422535265Q1020.2074109971173 439.1675913547373 1013.2995164143776 439.1675913547373ZM968.6997367075628 563.5096938440503L968.6997367075628 550.0776765998344L1005.4047797483896 550.0776765998344L1005.4047797483896 475.07767827294714L968.6997367075628 475.07767827294714L968.6997367075628 461.6730733088215L1021.1942530803659 461.6730733088215L1021.1942530803659 550.0776765998344L1055.541840033432 550.0776765998344L1055.541840033432 563.5096938440503L968.6997367075628 563.5096938440503ZM1081.9946903205105 563.5096938440503L1081.9946903205105 550.0776765998344L1117.521005317457 550.0776765998344L1117.521005317457 430.8890827674858L1081.9946903205105 430.8890827674858L1081.9946903205105 417.4570655232699L1133.3104786494332 417.4570655232699L1133.3104786494332 550.0776765998344L1168.8367936463796 550.0776765998344L1168.8367936463796 563.5096938440503L1081.9946903205105 563.5096938440503ZM1200.4157403103322 563.5096938440503L1200.4157403103322 550.0776765998344L1235.9420553072791 550.0776765998344L1235.9420553072791 430.8890827674858L1200.4157403103322 430.8890827674858L1200.4157403103322 417.4570655232699L1251.731528639255 417.4570655232699L1251.731528639255 550.0776765998344L1287.2578436362019 550.0776765998344L1287.2578436362019 563.5096938440503L1200.4157403103322 563.5096938440503ZM1368.5626663838434 439.1675913547373L1368.5626663838434 439.1675913547373Q1361.6547718011038 439.1675913547373 1358.91354379208 436.31671422535265Q1356.1449035029664 433.4384248158778 1356.1449035029664 429.1072845616204L1356.1449035029664 429.1072845616204L1356.1449035029664 425.95487235124324Q1356.1449035029664 421.59631981689563 1358.91354379208 418.745442687511Q1361.6547718011038 415.8671532780362 1368.5626663838434 415.8671532780362L1368.5626663838434 415.8671532780362Q1375.470560966583 415.8671532780362 1378.239201255697 418.745442687511Q1381.0078415448106 421.59631981689563 1381.0078415448106 425.95487235124324L1381.0078415448106 425.95487235124324L1381.0078415448106 429.1072845616204Q1381.0078415448106 433.4384248158778 1378.239201255697 436.31671422535265Q1375.470560966583 439.1675913547373 1368.5626663838434 439.1675913547373ZM1323.9628866770286 563.5096938440503L1323.9628866770286 550.0776765998344L1360.6679297178553 550.0776765998344L1360.6679297178553 475.07767827294714L1323.9628866770286 475.07767827294714L1323.9628866770286 461.6730733088215L1376.4574030498316 461.6730733088215L1376.4574030498316 550.0776765998344L1410.8049900028977 550.0776765998344L1410.8049900028977 563.5096938440503L1323.9628866770286 563.5096938440503ZM1530.0209961153369 563.5096938440503L1519.165733199603 563.5096938440503Q1509.900382529103 563.5096938440503 1505.953014196109 558.7673693884393Q1502.0056458631148 554.0250449328285 1501.0188037798666 546.9252643894571L1501.0188037798666 546.9252643894571L1500.031961696618 546.9252643894571Q1496.6602512455188 555.8068431386938 1489.2589356211552 560.8507026752973Q1481.857619996791 565.8671499318106 1469.439857115914 565.8671499318106L1469.439857115914 565.8671499318106Q1453.4310855432159 565.8671499318106 1443.9738489120841 557.5886413445592Q1434.4892000008622 549.3101327573077 1434.4892000008622 534.8912734298433L1434.4892000008622 534.8912734298433Q1434.4892000008622 520.6917123431008 1444.851041874972 512.9888616377443Q1455.212883749081 505.28601093238785 1478.3214358651503 505.28601093238785L1478.3214358651503 505.28601093238785L1500.031961696618 505.28601093238785L1500.031961696618 495.225704139271Q1500.031961696618 483.95925702218375 1493.6997249957735 478.3397396036853Q1487.3949005750187 472.7202221851868 1475.7446815366684 472.7202221851868L1475.7446815366684 472.7202221851868Q1465.4924887829197 472.7202221851868 1458.9683661214435 476.7772396385418Q1452.4442434599673 480.80684481180657 1448.496875126973 487.7147393945462L1448.496875126973 487.7147393945462L1437.8609104519614 479.82000272855805Q1439.8345946184581 475.872634395564 1443.1788927894672 472.1171520232016Q1446.5231909604759 468.3890819309294 1451.4574013767187 465.51079252145456Q1456.3916117929612 462.65991539207 1462.7238484938057 460.98776630656556Q1469.0286729145605 459.28820494097084 1476.731523619917 459.28820494097084L1476.731523619917 459.28820494097084Q1494.6865670790216 459.28820494097084 1505.2402949137627 468.3890819309294Q1515.8214350285944 477.4625466407977 1515.8214350285944 493.63579189403725L1515.8214350285944 493.63579189403725L1515.8214350285944 549.693904678571L1530.0209961153369 549.693904678571L1530.0209961153369 563.5096938440503ZM1472.1810851249375 552.6544309283165L1472.1810851249375 552.6544309283165Q1478.3214358651503 552.6544309283165 1483.3378831216637 551.1741678034438Q1488.3817426582673 549.693904678571 1492.13722503063 547.2267994704497Q1495.865295122902 544.7596942623284 1497.9486284097602 541.3057469709586Q1500.031961696618 537.8517996795888 1500.031961696618 533.9044313465947L1500.031961696618 533.9044313465947L1500.031961696618 517.12811593137L1478.3214358651503 517.12811593137Q1464.0944624983176 517.12811593137 1457.5977521169316 521.075484264364Q1451.0736294554554 525.0228525973581 1451.0736294554554 532.533817342083L1451.0736294554554 532.533817342083L1451.0736294554554 536.6730716357087Q1451.0736294554554 544.5678083016968 1456.693146873954 548.5974134749615Q1462.3126642924526 552.6544309283165 1472.1810851249375 552.6544309283165ZM1565.16353919102 563.5096938440503L1550.552793902924 563.5096938440503L1550.552793902924 461.6730733088215L1565.16353919102 461.6730733088215L1565.16353919102 473.51517830780364L1565.9310830335467 473.51517830780364Q1568.315951401397 467.5941258083125 1572.6470916556545 463.45487151468683Q1577.005644190002 459.28820494097084 1585.4760387378851 459.28820494097084L1585.4760387378851 459.28820494097084Q1594.3576174871218 459.28820494097084 1598.7161700214697 463.7289943155892Q1603.0473102757269 468.1697836902075 1604.0341523589755 475.296976513669L1604.0341523589755 475.296976513669L1604.6372225209607 475.296976513669Q1607.378450529984 468.3890819309294 1612.5319591869488 463.83864343595013Q1617.658055563823 459.28820494097084 1626.7315202736913 459.28820494097084L1626.7315202736913 459.28820494097084Q1639.1766954346585 459.28820494097084 1643.398186568555 467.97789772957583Q1647.6470899825417 476.6675905181809 1647.6470899825417 492.8408357714204L1647.6470899825417 492.8408357714204L1647.6470899825417 563.5096938440503L1633.0363446944457 563.5096938440503L1633.0363446944457 495.41759009990267Q1633.0363446944457 482.3967570570403 1630.3773535256928 477.3528975204368Q1627.71836235694 472.3364502639235 1620.6185818135687 472.3364502639235L1620.6185818135687 472.3364502639235Q1614.2863451127237 472.3364502639235 1610.3389767797298 476.36605543718827Q1606.3916084467355 480.42307289054327 1606.3916084467355 488.70158147779466L1606.3916084467355 488.70158147779466L1606.3916084467355 563.5096938440503L1591.8082754387297 563.5096938440503L1591.8082754387297 495.41759009990267Q1591.8082754387297 482.3967570570403 1589.1218719898866 477.3528975204368Q1586.4628808211337 472.3364502639235 1579.5549862383941 472.3364502639235L1579.5549862383941 472.3364502639235Q1573.2501618176398 472.3364502639235 1569.1931443642848 476.36605543718827Q1565.16353919102 480.42307289054327 1565.16353919102 488.70158147779466L1565.16353919102 488.70158147779466L1565.16353919102 563.5096938440503ZM1718.6997199764346 565.8671499318106L1718.6997199764346 565.8671499318106Q1702.718360683827 565.8671499318106 1691.1777907658375 560.4395184739437Q1679.6372208478479 555.0118870160769 1671.5231859411379 545.9384223062086L1671.5231859411379 545.9384223062086L1682.1865628962396 536.6730716357087Q1689.5056416803327 544.3759223410651 1698.1679221888476 548.5151766346909Q1706.8576149774526 552.6544309283165 1719.1109041777881 552.6544309283165L1719.1109041777881 552.6544309283165Q1730.9530091767706 552.6544309283165 1738.546210761766 548.4055275143298Q1746.1394123467617 544.1566241003433 1746.1394123467617 535.083159390475L1746.1394123467617 535.083159390475Q1746.1394123467617 531.1357910574809 1744.659149221889 528.4767998887279Q1743.178886097016 525.817808719975 1740.6021317685336 524.2278964747413Q1738.0527897201418 522.6653965095977 1734.9003775097644 521.7607912666199Q1731.7205530192973 520.8835983037325 1728.1843688876565 520.2805281417473L1728.1843688876565 520.2805281417473L1712.2030095950486 517.9230720539869Q1706.8576149774526 517.12811593137 1700.6350273969688 515.7575019268581Q1694.4398520965756 514.359475642256 1689.2863434396108 511.31671255223984Q1684.1602470627367 508.24653718213335 1680.706299771367 503.12044080525914Q1677.2523524799972 497.99434442838486 1677.2523524799972 489.68842356104324L1677.2523524799972 489.68842356104324Q1677.2523524799972 481.98557285568677 1680.3225278501036 476.36605543718827Q1683.3652909401198 470.74653801868976 1688.9025715183475 466.9088188060566Q1694.4398520965756 463.0436873133333 1701.9234045612102 461.1796522671972Q1709.434369305935 459.28820494097084 1718.3159480551717 459.28820494097084L1718.3159480551717 459.28820494097084Q1732.1317372206508 459.28820494097084 1742.3016931341285 463.6467574753185Q1752.444236767516 467.97789772957583 1759.7633155516091 475.68074843493235L1759.7633155516091 475.68074843493235L1749.4837105177703 485.3572833067858Q1747.7293245919955 483.19171317965714 1745.0429211431524 480.9164939321675Q1742.383929974399 478.64127468467785 1738.546210761766 476.7772396385418Q1734.6810792690426 474.88579231231546 1729.5549828921685 473.7070642684353Q1724.4288865152944 472.5283362245551 1717.712877893186 472.5283362245551L1717.712877893186 472.5283362245551Q1705.6788869335724 472.5283362245551 1699.2644133924573 476.6675905181809Q1692.8499398513418 480.80684481180657 1692.8499398513418 488.70158147779466L1692.8499398513418 488.70158147779466Q1692.8499398513418 492.64894981078874 1694.3302029762144 495.3079409795417Q1695.810466101087 497.99434442838486 1698.3872204295694 499.55684439352837Q1700.9365624779616 501.1467566387621 1704.1986238086997 502.02394960164963Q1707.4606851394378 502.92855484462746 1710.8049833104465 503.50421272652244L1710.8049833104465 503.50421272652244L1726.7863426030544 505.889081094373Q1732.3236231812825 506.6566249368997 1738.4365616414052 508.0546512215017Q1744.5495001015279 509.4252652260135 1749.7030087584926 512.49544059612Q1754.8291051353667 515.5382036861363 1758.2830524267365 520.6917123431008Q1761.7369997181063 525.817808719975 1761.7369997181063 534.0963173072264L1761.7369997181063 534.0963173072264Q1761.7369997181063 549.3101327573077 1749.9771315593948 557.5886413445592Q1738.2446756807735 565.8671499318106 1718.6997199764346 565.8671499318106ZM1835.9420419223766 565.2914920499156L1835.9420419223766 565.2914920499156Q1827.8554192957567 565.2914920499156 1824.5933579650186 561.9197815988165Q1821.3312966342805 558.5754834278076 1821.3312966342805 553.4493870509334L1821.3312966342805 553.4493870509334L1821.3312966342805 549.8857906392027Q1821.3312966342805 544.7596942623284 1824.5933579650186 541.4153960913195Q1827.8554192957567 538.0436856402205 1835.9420419223766 538.0436856402205L1835.9420419223766 538.0436856402205Q1844.0286645489964 538.0436856402205 1847.2907258797345 541.4153960913195Q1850.5527872104726 544.7596942623284 1850.5527872104726 549.8857906392027L1850.5527872104726 549.8857906392027L1850.5527872104726 553.4493870509334Q1850.5527872104726 558.5754834278076 1847.2907258797345 561.9197815988165Q1844.0286645489964 565.2914920499156 1835.9420419223766 565.2914920499156ZM1955.5418199560786 565.8671499318106L1955.5418199560786 565.8671499318106Q1939.5604606634706 565.8671499318106 1928.019890745481 560.4395184739437Q1916.4793208274914 555.0118870160769 1908.3652859207814 545.9384223062086L1908.3652859207814 545.9384223062086L1919.0286628758836 536.6730716357087Q1926.3477416599767 544.3759223410651 1935.0100221684916 548.5151766346909Q1943.6997149570966 552.6544309283165 1955.9530041574321 552.6544309283165L1955.9530041574321 552.6544309283165Q1967.7951091564141 552.6544309283165 1975.38831074141 548.4055275143298Q1982.9815123264057 544.1566241003433 1982.9815123264057 535.083159390475L1982.9815123264057 535.083159390475Q1982.9815123264057 531.1357910574809 1981.5012492015326 528.4767998887279Q1980.02098607666 525.817808719975 1977.4442317481776 524.2278964747413Q1974.8948896997854 522.6653965095977 1971.7424774894084 521.7607912666199Q1968.5626529989408 520.8835983037325 1965.0264688673005 520.2805281417473L1965.0264688673005 520.2805281417473L1949.0451095746926 517.9230720539869Q1943.6997149570966 517.12811593137 1937.4771273766128 515.7575019268581Q1931.281952076219 514.359475642256 1926.1284434192548 511.31671255223984Q1921.0023470423807 508.24653718213335 1917.548399751011 503.12044080525914Q1914.0944524596412 497.99434442838486 1914.0944524596412 489.68842356104324L1914.0944524596412 489.68842356104324Q1914.0944524596412 481.98557285568677 1917.1646278297476 476.36605543718827Q1920.2073909197634 470.74653801868976 1925.7446714979915 466.9088188060566Q1931.281952076219 463.0436873133333 1938.7655045408537 461.1796522671972Q1946.2764692855785 459.28820494097084 1955.1580480348152 459.28820494097084L1955.1580480348152 459.28820494097084Q1968.9738372002944 459.28820494097084 1979.1437931137725 463.6467574753185Q1989.2863367471596 467.97789772957583 1996.6054155312531 475.68074843493235L1996.6054155312531 475.68074843493235L1986.3258104974143 485.3572833067858Q1984.5714245716395 483.19171317965714 1981.885021122796 480.9164939321675Q1979.226029954043 478.64127468467785 1975.38831074141 476.7772396385418Q1971.5231792486866 474.88579231231546 1966.3970828718125 473.7070642684353Q1961.2709864949384 472.5283362245551 1954.55497787283 472.5283362245551L1954.55497787283 472.5283362245551Q1942.5209869132163 472.5283362245551 1936.1065133721008 476.6675905181809Q1929.6920398309858 480.80684481180657 1929.6920398309858 488.70158147779466L1929.6920398309858 488.70158147779466Q1929.6920398309858 492.64894981078874 1931.1723029558584 495.3079409795417Q1932.652566080731 497.99434442838486 1935.2293204092134 499.55684439352837Q1937.7786624576056 501.1467566387621 1941.0407237883437 502.02394960164963Q1944.3027851190818 502.92855484462746 1947.6470832900904 503.50421272652244L1947.6470832900904 503.50421272652244L1963.6284425826984 505.889081094373Q1969.1657231609265 506.6566249368997 1975.2786616210492 508.0546512215017Q1981.3916000811719 509.4252652260135 1986.5451087381362 512.49544059612Q1991.6712051150103 515.5382036861363 1995.1251524063805 520.6917123431008Q1998.5790996977503 525.817808719975 1998.5790996977503 534.0963173072264L1998.5790996977503 534.0963173072264Q1998.5790996977503 549.3101327573077 1986.8192315390388 557.5886413445592Q1975.0867756604175 565.8671499318106 1955.5418199560786 565.8671499318106ZM2032.9266866508165 563.5096938440503L2032.9266866508165 417.4570655232699L2048.7161599827928 417.4570655232699L2048.7161599827928 478.25750276341455L2049.4837038253195 478.25750276341455Q2051.0736160705533 474.50202039105216 2053.4310721583133 471.04807309968237Q2055.815940526164 467.5941258083125 2059.269887817534 465.01737147983033Q2062.7238351089036 462.4680294314383 2067.466159564515 460.8781171862046Q2072.181071740035 459.28820494097084 2078.51330844088 459.28820494097084L2078.51330844088 459.28820494097084Q2094.494667733488 459.28820494097084 2104.1712026053415 469.45816085444864Q2113.8477374771946 479.6281167679264 2113.8477374771946 498.18623038901654L2113.8477374771946 498.18623038901654L2113.8477374771946 563.5096938440503L2098.0582641452183 563.5096938440503L2098.0582641452183 500.9548706781304Q2098.0582641452183 486.9197832719293 2091.9179134050055 480.12153780955066Q2085.804974944883 473.323292347172 2073.962869945901 473.323292347172L2073.962869945901 473.323292347172Q2069.2205454902896 473.323292347172 2064.6975192754007 474.50202039105216Q2060.147080780421 475.68074843493235 2056.610896648781 478.0382045226927Q2053.04730023705 480.42307289054327 2050.881730109921 484.17855526290566Q2048.7161599827928 487.9066253551778 2048.7161599827928 492.8408357714204L2048.7161599827928 492.8408357714204L2048.7161599827928 563.5096938440503L2032.9266866508165 563.5096938440503Z " fill="#ffafcc" transform="matrix(0.41393709490134467,0,0,0.41393709490134456,0,96.8118760851811)"/></g></svg>

data/assets/js/tmedate.js

@@ -0,0 +1,33 @@
+const dateElement = document.getElementById('current-date')
+const dayElement = document.getElementById('current-day')
+
+const monthElement = document.getElementById('current-month')
+const yearElement = document.getElementById('current-year')
+
+const hourElement = document.getElementById('hours')
+const minuteElement = document.getElementById('minutes')
+const secondElement = document.getElementById('seconds')
+
+// Array of days to work with
+
+const weekDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+
+const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
+
+function updateClockandCalendar(){
+    const now = new Date();
+    // updating the time
+    hourElement.textContent = String(now.getHours()).padStart(2, '0')
+    minuteElement.textContent = String(now.getMinutes()).padStart(2, '0')
+    secondElement.textContent = String(now.getSeconds()).padStart(2, '0')
+    // Updating the clock/date
+    dateElement.textContent = String(now.getDate()).padStart(2, '0');
+    dayElement.textContent = weekDays[now.getDay()]
+    monthElement.textContent = monthNames[now.getMonth()]
+    yearElement.textContent = now.getFullYear();
+}
+
+//update teh clock every one second
+
+setInterval(updateClockandCalendar, 1000);
+updateClockandCalendar()

data/assets/scss/album.css

@@ -0,0 +1,18 @@
+img {
+    width: 450px;
+    height: 300px;
+    margin: 10px;
+    border: 10px solid #fefae0;
+    -webkit-filter: sepia(100%);
+    filter: sepia(100%);
+    transition-duration: 1s;
+  }
+  
+  img:hover {
+    border: 5px solid #fff;
+    -webkit-transform: scale(1.1);
+    -ms-transform: scale(1.1);
+    transform: scale(1.1);
+    -webkit-filter: none;
+    filter: none;
+  }

data/assets/scss/cursor.css

@@ -0,0 +1,56 @@
+
+/* blinking cursor */
+
+.blinking-cursor {
+    color: #2E3D48;
+    -webkit-animation: 1s blink step-end infinite;
+    -moz-animation: 1s blink step-end infinite;
+    -ms-animation: 1s blink step-end infinite;
+    -o-animation: 1s blink step-end infinite;
+    animation: 1s blink step-end infinite;
+  }
+  
+  @keyframes "blink" {
+    from, to {
+      color: transparent;
+    }
+    50% {
+      color: whitesmoke;
+    }
+  }
+  
+  @-moz-keyframes blink {
+    from, to {
+      color: transparent;
+    }
+    50% {
+      color: whitesmoke;
+    }
+  }
+  
+  @-webkit-keyframes "blink" {
+    from, to {
+      color: transparent;
+    }
+    50% {
+      color: whitesmoke;
+    }
+  }
+  
+  @-ms-keyframes "blink" {
+    from, to {
+      color: transparent;
+    }
+    50% {
+      color: whitesmoke;
+    }
+  }
+  
+  @-o-keyframes "blink" {
+    from, to {
+      color: transparent;
+    }
+    50% {
+      color: whitesmoke;
+    }
+  }

data/assets/scss/footer.css

@@ -0,0 +1,105 @@
+.fa-brands,
+.fa-solid, 
+.fa-regular {
+  color: #212121;
+  padding-right: 5px;
+  font-size: 20px;
+}
+.fa-etsy {
+    background-color: darkorange;
+    color: white;
+}
+.fa-bluesky {
+    background: skyblue;
+    color: white;
+}
+.fa-youtube {
+    color: red;
+    background: white;
+}
+.fa-linkedin {
+    color: rgb(6, 6, 175);
+}
+.fa-github {
+    color: black;
+}
+.fa-twitch {
+    color: purple;
+}
+.fa-dev {
+    color: black;
+}
+.fa-folder {
+    color: skyblue;
+}
+.fa-envelope, .fa-wifi {
+    color: white;
+}
+.fa-gear {
+    color: #272727;
+}
+.xl {
+    font-size: 40px;
+}
+
+.toolbar-bottom {
+    position: absolute;
+    bottom: 0;
+    background: grey;
+    color: white;
+    font-size: 0.875rem;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    width: 100%;
+    height:40px;
+    display: flex;
+  }
+  .toolbar-right {
+    color: white;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    display: inline-flex;
+  }
+  .menu-time {
+   /* display: inline-block;*/
+    font-size: 0.875rem;
+  }
+  .dropdown {
+    display: inline-block;
+  }
+  .dropdown button {
+    font-size: 1rem;
+    font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
+    background: darkgrey;
+    width: 110px;
+    padding: 5px;
+    border: none;
+  }
+
+  .dropdown a {
+    color: #212121;
+    display: block;
+    text-decoration: none;
+    padding: 5px 10px;
+    cursor: pointer;
+  }
+  .dropdown .content {
+    display: none;
+    position: absolute;
+    background:darkgrey;
+    min-width: 120px;
+    bottom: 100%;
+    box-shadow: 0 8px 16px 0 #FFFFFF;
+  }
+  .dropdown:hover .content {
+    display: block;
+  }
+  .dropdown:hover button {
+    background: #111111;
+    color: whitesmoke;
+  }
+  .dropdown a:hover {
+    background: #212121;
+  }
+

data/assets/scss/links.css

@@ -0,0 +1,10 @@
+a {
+    color: grey;
+    text-decoration: none;
+}
+a:hover {
+    color: #272727;
+}
+a:active {
+    color: whitesmoke;
+}

data/assets/scss/logo.css

@@ -0,0 +1,16 @@
+.logo {
+  font-family: "Press Start 2P";
+  font-size: 2.5rem;
+  color: rgb(45, 45, 45);
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  margin: 40px;
+  background: linear-gradient(90deg, red, orange, yellow, green, blue, purple);
+  background-clip: text;
+  -webkit-background-clip: text;
+}
+.logo:hover {
+    color: transparent;
+    transition: 500ms ease;
+}

data/assets/scss/menu.css

@@ -0,0 +1,84 @@
+/* Important styles */
+#toggle {
+    display: inline-block;
+    width: 150px;
+  }
+  
+  #toggle button:after,
+  #toggle button:before {
+    content: "";
+    position: absolute;
+
+  }
+  #toggle button:after{
+    bottom: 9px;
+  }
+  #toggle button {
+    position: relative;
+    display: block;
+  }
+  
+  #toggle button,
+  #toggle button:after,
+  #toggle button:before {
+    width: 100%;
+    transition: all 0.3s;
+    backface-visibility: hidden;
+  }
+  
+  /* on activation */
+  #toggle.on button {
+    background-color: transparent;
+  }
+  #toggle.on button:before {
+    transform: rotate(45deg) translate(5px, 5px);
+  }
+  #toggle.on button:after {
+    transform: rotate(-45deg) translate(7px, -8px);
+  }
+  #toggle.on + #menu {
+    opacity: 1;
+    visibility: visible;
+  }
+  
+  /* menu appearance*/
+  #menu {
+    position: relative;
+    width: 200px;
+    padding: 10px;
+    margin: auto;
+    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
+    text-align: center;
+    border-radius: 4px;
+    box-shadow: 0 1px 8px rgba(0,0,0,0.05);
+    /* just for this demo */
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity .4s;
+  }
+  #menu:after {
+    position: absolute;
+
+    content: "";
+    display: block;
+    border-left: 15px solid transparent;
+    border-right: 15px solid transparent;
+    border-bottom: 20px solid white;
+  }
+  ul, li, li a {
+    list-style: none;
+    display: block;
+    margin: 0;
+    padding: 0;
+  }
+  li a {
+    padding: 5px;
+    color: #888;
+    text-decoration: none;
+    transition: all .2s;
+  }
+  li a:hover,
+  li a:focus {
+    background: #1ABC9C;
+    color: #fff;
+  }

data/assets/scss/postlist.css

@@ -0,0 +1,24 @@
+.post-list {
+    display: block;
+    flex-wrap: nowrap;
+    flex-direction: column;
+}
+.postlist-user {
+    display: inline-block;
+    padding: 0 10px;
+}
+.postlist-perms,.nav-perms {
+    display: inline-block;
+    padding-right: 5px; 
+}
+.postlist-date, .nav-date {
+    display: inline-block;
+    padding-right: 15px;
+}
+.nav-dir {
+    font-weight: bold;
+}
+.nav-user {
+    display: inline-block;
+    padding-right: 10px;
+} 

data/assets/scss/style.css

@@ -0,0 +1,157 @@
+@import url("https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Code:wght@400;700&display=swap");
+@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
+@import url('footer.css');
+@import url('album.css');
+
+
+:root {
+    --background: #2f2f2f; /* Dark background */
+    --foreground: #212121;
+    --accent: #9e9e9e; /* More neutral accent color */
+    --font-size: 1rem;
+    --line-height: 1.54rem;
+    --radius: 4px; /* Slightly rounded edges for buttons */
+  }
+  
+html {
+    box-sizing: border-box;
+  }
+  *,
+  *:before,
+  *:after {
+    box-sizing: inherit;
+    margin: 0;
+    padding: 0;
+  }  
+  body {
+    background: #121212; /* Dark solid background for the overall page */
+    font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace;
+    color: var(--foreground);
+    line-height: var(--line-height);
+    height: 100vh;
+  }
+  h1 {
+    /*font-size: calc(var(--font-size) * 1.1);*/
+    font-size: 1.125rem;
+    font-size: clamp(1.125rem, 0.44999999999999996rem + 1.2vw, 1.5rem);
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+  }
+h3 {
+    font-size: 0.9375rem;
+    font-size: clamp(0.9375rem, 0.9rem + 0.1875vw, 1.125rem);
+}
+
+.title {
+  margin-left: 450px;
+    text-align: center;
+    font-weight: bold;
+}
+
+.folder-1 {
+  width: 90%;
+  height: 80vh;
+  margin: 0 auto;
+  display: grid;
+  grid-template-rows: repeat(4, 1fr);
+  grid-template-columns: 1fr 3fr;
+}
+.container {
+  display: grid;
+  grid-template-columns: 1fr minmax(100px, 3fr) 1fr;
+  width: 75%;
+  margin: 0 auto;
+}
+.toolbar-top {
+background:  lightgray;
+border-top-left-radius: 5px;
+border-top-right-radius: 5px;
+grid-row: 1;
+grid-column: 1 /5;
+}
+.other-buttons {
+  grid-row: 1;
+  grid-column: 4;
+  z-index: 1;
+}
+.navigation {
+  grid-row: 3;
+  grid-column: 1 / 5 ;
+}
+.side-menu {
+background: whitesmoke;
+grid-row: 4 / 5;
+grid-column: 1;
+
+}
+.toolbar {
+  grid-row: 2;
+  grid-column: 1 / 5;
+  background: grey;
+  z-index: 1;
+}
+.post-list {
+  background: whitesmoke;
+  grid-row: 4 ;
+  grid-column: 2 / 5;
+}
+.bottom-toolbar {
+  background: lightgrey;
+  height: 35px;
+  border: 1px solid grey;
+  border-top: 0;
+  border-bottom-right-radius: 5px;
+  border-bottom-left-radius: 5px;
+  grid-row: 5;
+  grid-column: 1 / 5;
+}
+
+.other-buttons {
+  margin-left: auto;
+}
+.mycompy {
+  font-size: 20px;
+  font-weight: bold;
+}
+.sidebar {
+  align-items: center;
+}
+.navi {
+  background: lightgrey;
+}
+.scrollable {
+  height: 80vh;
+  padding: 5px;
+  overflow: auto; /* Enables scrolling when content overflows */
+}
+.navi button {
+  border: 0;
+  background: transparent;
+  padding: 2px;
+}
+.index-items button, .index-posts button  {
+  border: 0;
+  background: transparent;
+  width: 75px;
+  padding: 5px;
+  font-size: 16px;
+  color:darkblue;
+}
+.toolbar-right{
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: auto;
+}
+.bugreport{
+  grid-area: 1/3;
+}
+.digital-clock{
+  grid-area:  2 /3;
+  padding: 0 5px;
+}
+.calendar-right{
+  grid-area:  2/2;
+  padding: 0 10px;
+}
+
+/*row, column, row end column end*/

metadata

@@ -0,0 +1,92 @@
+--- !ruby/object:Gem::Specification
+name: trillOS
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- OGtrilliams
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2025-01-25 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'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.3'
+description:
+email:
+- tribecca@tribecc.us
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _data/navigation.yml
+- _includes/footer.html
+- _includes/head.html
+- _includes/header.html
+- _includes/menu_item.html
+- _includes/navigation.html
+- _includes/post_list.html
+- _includes/postlist.html
+- _layouts/default.html
+- _layouts/images.html
+- _layouts/page.html
+- _layouts/post.html
+- assets/images/android-chrome-192x192.png
+- assets/images/android-chrome-512x512.png
+- assets/images/apple-touch-icon.png
+- assets/images/avocado-kawaii.png
+- assets/images/background.jpg
+- assets/images/bkg.png
+- assets/images/favicon-16x16.png
+- assets/images/favicon-32x32.png
+- assets/images/favicon.ico
+- assets/images/logo.png
+- assets/images/logo.svg
+- assets/images/withgoggy.png
+- assets/js/tmedate.js
+- assets/scss/album.css
+- assets/scss/cursor.css
+- assets/scss/footer.css
+- assets/scss/links.css
+- assets/scss/logo.css
+- assets/scss/menu.css
+- assets/scss/postlist.css
+- assets/scss/style.css
+homepage: https://github.com/OGtrilliams/trillOS
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.3.26
+signing_key:
+specification_version: 4
+summary: Linux desktop-themed layout using Jekyll
+test_files: []