sim-css 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 1163cb5bb1188a9fea72ddf2c555e2d1d4054242433fc4ca9896de3fdf03b690
+  data.tar.gz: 873d4de371c1c3df387307d61ce797739502a9bfb29c268d2f045500ba6af726
+SHA512:
+  metadata.gz: 817418ff1fb99e155dc3cbf31e085d982c978593de0b2ab6badd622d1873d179066496a5f63d850cfd20b8f44c94f62607d859642c5e20f7a6807b4e3f257cd1
+  data.tar.gz: a5e6537d48a42d258b6d488e498317dd07552d8db671bd21adb86ef66062668d123358ee2cce65a11d4998da0a93e97170c5521cdc3c7bffafe5c53d3cec0821

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 MegaMU
+
+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,52 @@
+# sim-css
+
+A Jekyll Theme base on no-style-please
+
+See the [Original Repository](https://github.com/riggraz/no-style-please)
+
+## What's New
+
+- Auto Toc Generation
+- Tags display
+- MathJax Support
+- Show All tags
+- A footer
+- Show '...' if the title is too long
+
+![Example](https://raw.githubusercontent.com/SirMegaMU/sim-css/main/assets/img/example.png)
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "sim-css"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: sim-css
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install sim-css
+
+## 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 `sim-css.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

data/_config.yml

@@ -0,0 +1,31 @@
+title: Sim-CSS
+description: A Jekyll Theme base on no-style-please
+
+author: MegaMU
+email: sirmegamu@outlook.com
+url: ""
+baseurl: ""
+favicon: "assets/img/logo.png"
+footer: Copyright © Sim-CSS 2022 Theme by MegaMU
+
+theme: sim-css
+
+theme_config:
+  appearance: "auto"
+  back_home_text: "..."
+  date_format: "%Y-%m-%d"
+  show_description: true
+
+markdown: kramdown
+highlighter: rouge
+mathjax: true
+
+showTags: true
+showCategory: true
+sass:
+  style: compressed
+
+
+plugins:
+  - jekyll-feed
+  - jekyll-seo-tag

data/_includes/JB/pages_list

@@ -0,0 +1,39 @@
+{% comment %}<!--
+The pages_list include is a listing helper.
+Usage:
+  1) assign the 'pages_list' variable to a valid array of pages or posts.
+  2) include JB/pages_list
+  example:
+    <ul>
+  	  {% assign pages_list = site.pages %}  
+  	  {% include JB/pages_list %}
+  	</ul>
+  	
+  Grouping: (optional): 
+  	assign the 'group' variable to constrain the list to only pages/posts
+  	in the given group. Note you must define the group manually in the page/post
+  	meta-data to use this feature.
+  	Grouping is mainly helpful for non-post pages.
+  	If you want to group posts, it's easier/better to tag them, then pass the tagged posts array.
+  	i.e. site.tags.cool_tag (this returns an array of posts tagged: cool_tag)
+  	
+  This helper can be seen in use at: ../_layouts/default.html
+-->{% endcomment %}
+
+{% if site.JB.pages_list.provider == "custom" %}
+  {% include custom/pages_list %}
+{% else %}
+  {% for node in pages_list %}
+    {% if node.title != null %}
+      {% if group == null or group == node.group %}
+      	{% if page.url == node.url %}
+      	<li class="active"><a href="{{ BASE_PATH }}{{node.url}}" class="active">{{node.title}}</a></li>
+      	{% else %}
+      	<li><a href="{{ BASE_PATH }}{{node.url}}">{{node.title}}</a></li>
+      	{% endif %}
+      {% endif %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+{% assign pages_list = nil %}
+{% assign group = nil %}

data/_includes/JB/posts_collate

@@ -0,0 +1,66 @@
+{% comment %}<!--
+Collate_posts helper. Collated posts by year and month.
+Usage:
+  1) assign the 'posts_collate' variable to a valid array of posts.
+  2) include JB/posts_collate
+  example:
+    {% assign posts_collate = site.posts %}
+    {% include JB/posts_collate %}
+
+  Ordering:
+    Posts are displayed in reverse chronological order.
+    For normal chronological order:
+      1) Change the for loop to this:
+        => 'for post in site.posts reversed'
+      2) Next make sure to change 'post.previous.date' to:
+        => 'post.next.date'
+        
+-->{% endcomment %}
+
+{% if site.JB.posts_collate.provider == "custom" %}
+  {% include custom/posts_collate %}
+{% else %}
+  {% for post in posts_collate  %}
+    {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
+    {% capture this_month %}{{ post.date | date: "%B" }}{% endcapture %}
+    {% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
+    {% capture next_month %}{{ post.previous.date | date: "%B" }}{% endcapture %}
+  
+    {% if forloop.first %}
+    
+    
+      <div class="hat_title">
+        <h3>{{this_year}}</h3>
+      </div>
+      <div class="post_list">
+      <ul>
+      
+    {% endif %}
+  
+    <li>
+      <span>
+        {{ post.date | date: "%Y-%m-%e" }}
+      </span>
+       &raquo; 
+      <a href="{{ BASE_PATH }}{{ post.url }}" ><div class="line-limit-length">{{ post.title }}</div></a>
+    </li>
+ 
+    {% if forloop.last %}
+      </ul>
+      
+    {% else %}
+      {% if this_year != next_year %}
+        </ul>
+         </div>         
+         
+        <div class="hat_title">
+         <h3> {{next_year}}</h3>
+        </div>
+        <div class="post_list">
+        <ul>
+      {% else %}    
+      {% endif %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+{% assign posts_collate = nil %}</div>

data/_includes/JB/setup

@@ -0,0 +1,19 @@
+{% capture jbcache %}
+  {% if site.JB.setup.provider == "custom" %}
+    {% include custom/setup %}
+  {% else %}
+    {% if site.safe and site.JB.BASE_PATH and site.JB.BASE_PATH != '' %}
+      {% assign BASE_PATH = site.JB.BASE_PATH %}
+      {% assign HOME_PATH = site.JB.BASE_PATH %}
+    {% else %}
+      {% assign BASE_PATH = nil %}
+      {% assign HOME_PATH = "/" %}
+    {% endif %}
+
+    {% if site.JB.ASSET_PATH %}
+      {% assign ASSET_PATH = site.JB.ASSET_PATH %}
+    {% else %}
+      {% capture ASSET_PATH %}{{ BASE_PATH }}/assets/themes/{{ layout.theme.name }}{% endcapture %}
+    {% endif %}  
+  {% endif %}
+{% endcapture %}{% assign jbcache = nil %}

data/_includes/JB/tags_list

@@ -0,0 +1,33 @@
+{% comment %}<!--
+The tags_list include is a listing helper for tags.
+Usage:
+  1) assign the 'tags_list' variable to a valid array of tags.
+  2) include JB/tags_list
+  example:
+    <ul>
+  	  {% assign tags_list = site.tags %}  
+  	  {% include JB/tags_list %}
+  	</ul>
+  
+  Notes: 
+    Tags can be either a Hash of tag objects (hashes) or an Array of tag-names (strings).
+    The encapsulating 'if' statement checks whether tags_list is a Hash or Array.
+    site.tags is a Hash while page.tags is an array.
+    
+  This helper can be seen in use at: ../_layouts/default.html
+-->{% endcomment %}
+
+{% if site.JB.tags_list.provider == "custom" %}
+  {% include custom/tags_list %}
+{% else %}
+  {% if tags_list.first[0] == null %}
+    {% for tag in tags_list %} 
+    	<li><a href="{{ BASE_PATH }}{{ site.JB.tags_path }}#{{ tag }}-ref">{{ tag }} <span>{{ site.tags[tag].size }}</span></a></li>
+    {% endfor %}
+  {% else %}
+    {% for tag in tags_list %} 
+    	<li><a href="{{ BASE_PATH }}{{ site.JB.tags_path }}#{{ tag[0] }}-ref">{{ tag[0] }} <span>{{ tag[1].size }}</span></a></li>
+    {% endfor %}
+  {% endif %}
+{% endif %}
+{% assign tags_list = nil %}

data/_includes/back_link.html

@@ -0,0 +1 @@
+<a href="{{ '/' | relative_url }}">{{ site.theme_config.back_home_text }}</a>

data/_includes/footer.html

@@ -0,0 +1,4 @@
+<div class="push"></div>
+<div class="footer">
+    <span class="center"> {{ site.footer }} </span>
+</div>

data/_includes/goat_counter.html

@@ -0,0 +1,6 @@
+<script data-goatcounter="https://{{ site.goat_counter }}.goatcounter.com/count"
+        async src="//gc.zgo.at/count.js"></script>
+
+<noscript>
+  <img src="https://{{ site.goat_counter }}.goatcounter.com/count?p=/test-img">
+</noscript>

data/_includes/head.html

@@ -0,0 +1,32 @@
+<head>
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+
+    <title>
+        {%- if page.title -%}
+        {{ page.title }}
+        {%- else -%}
+        {{ site.title }}
+        {%- endif -%}
+    </title>
+
+    {%-seo title=false-%}
+    {%-feed_meta-%}
+
+    <link rel="shortcut icon" type="image/x-icon" href="{{ site.favicon | relative_url }}"/>
+    <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}"/>
+    {% if site.mathjax and page.math%}
+        <script type="text/x-mathjax-config">
+        MathJax.Hub.Config({
+            tex2jax: {
+            skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
+            inlineMath: [['$','$']]
+            }
+        });
+
+        </script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"
+                type="text/javascript"></script>
+    {% endif %}
+</head>

data/_includes/menu_item.html

@@ -0,0 +1,26 @@
+<ul>
+  {%-for item in include.collection-%}
+    <li>
+    {%- if item.url -%}
+      <a href="{{ item.url }}" >{{ item.title }}</a>
+    {%- else -%}
+      {{ item.title }}
+    {%- endif -%}
+    </li>
+
+    {%-if item.post_list-%}
+      {%
+        include post_list.html
+          category=item.post_list.category
+          limit=item.post_list.limit
+          show_more=item.post_list.show_more
+          show_more_text=item.post_list.show_more_text
+          show_more_url=item.post_list.show_more_url
+     -%}
+    {%-endif-%}
+
+    {%-if item.entries-%}
+      {%-include menu_item.html collection=item.entries-%}
+    {%-endif-%}
+  {%-endfor-%}
+</ul>

data/_includes/post_list.html

@@ -0,0 +1,25 @@
+{%-if include.category-%}
+  {%-assign posts = site.categories[include.category]-%}  
+{%-else-%}
+  {%-assign posts = site.posts-%}
+{%-endif-%}
+
+{%-if include.limit and posts.size > include.limit-%}
+  {%-assign limit_exceeded = true-%}
+{%-else-%}
+  {%-assign limit_exceeded = false-%}
+{%-endif-%}
+
+{%- if posts.size > 0 -%}
+  <ul>
+    {%- for post in posts limit: include.limit -%}
+        <li>
+          <span>{{- post.date | date: site.theme_config.date_format -}}</span>
+          <a href="{{ post.url | relative_url }}" ><span class="line-limit-length">{{ post.title | downcase }}</span></a>
+        </li>
+    {%- endfor -%}
+    {%- if include.show_more and limit_exceeded -%}
+      <li><a href="{{ include.show_more_url }}">{{ include.show_more_text | default: "Show more..." }}</a></li>
+    {%- endif -%}
+  </ul>
+{%- endif -%}

data/_includes/tags.html

@@ -0,0 +1,20 @@
+<div>
+    {% if site.showTags and page.tag %}
+    <p>
+        <strong>Tags:</strong>
+        {% for item in page.tag %}
+            {{ item }}
+        {% endfor %}
+
+        {% if site.showCategory and page.category %}
+        <strong>Category:</strong>
+        {{ page.category }}
+        {% endif %}
+    </p>
+    {% endif %}
+    {% if page.beforeToc %}
+    <p>
+        <i>{{-page.beforeToc-}}</i>
+    </p>
+    {% endif %}
+</div>

data/_includes/toc.html

@@ -0,0 +1,96 @@
+{% capture tocWorkspace %}
+    {% comment %}
+        Version 1.0.8
+          https://github.com/allejo/jekyll-toc
+
+        "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
+
+        Usage:
+            {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
+
+        Parameters:
+            * html         (string) - the HTML of compiled markdown generated by kramdown in Jekyll
+
+        Optional Parameters:
+            * sanitize     (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
+            * class        (string) :   ''   - a CSS class assigned to the TOC
+            * id           (string) :   ''   - an ID to assigned to the TOC
+            * h_min        (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
+            * h_max        (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
+            * ordered      (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
+            * item_class   (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+            * baseurl      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
+            * anchor_class (string) :   ''   - add custom class(es) for each anchor element
+
+        Output:
+            An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
+            generate the table of contents and will NOT output the markdown given to it
+    {% endcomment %}
+
+    {% capture my_toc %}{% endcapture %}
+    {% assign orderedList = include.ordered | default: false %}
+    {% assign minHeader = include.h_min | default: 1 %}
+    {% assign maxHeader = include.h_max | default: 6 %}
+    {% assign nodes = include.html | split: '<h' %}
+    {% assign firstHeader = true %}
+
+    {% capture listModifier %}{% if orderedList %}1.{% else %}-{% endif %}{% endcapture %}
+
+    {% for node in nodes %}
+        {% if node == "" %}
+            {% continue %}
+        {% endif %}
+
+        {% assign headerLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
+
+        {% if headerLevel < minHeader or headerLevel > maxHeader %}
+            {% continue %}
+        {% endif %}
+
+        {% if firstHeader %}
+            {% assign firstHeader = false %}
+            {% assign minHeader = headerLevel %}
+        {% endif %}
+
+        {% assign indentAmount = headerLevel | minus: minHeader %}
+        {% assign _workspace = node | split: '</h' %}
+
+        {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
+        {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
+        {% assign html_id = _idWorkspace[0] %}
+
+        {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
+        {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
+        {% assign html_class = _classWorkspace[0] %}
+
+        {% if html_class contains "no_toc" %}
+            {% continue %}
+        {% endif %}
+
+        {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
+        {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+
+        {% assign space = '' %}
+        {% for i in (1..indentAmount) %}
+            {% assign space = space | prepend: '    ' %}
+        {% endfor %}
+
+        {% unless include.item_class == blank %}
+            {% capture listItemClass %}{:.{{ include.item_class | replace: '%level%', headerLevel }}}{% endcapture %}
+        {% endunless %}
+
+        {% capture heading_body %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
+        {% capture my_toc %}{{ my_toc }}
+{{ space }}{{ listModifier }} {{ listItemClass }} [{{ heading_body | replace: "|", "\|" }}]({% if include.baseurl %}{{ include.baseurl }}{% endif %}#{{ html_id }}){% if include.anchor_class %}{:.{{ include.anchor_class }}}{% endif %}{% endcapture %}
+    {% endfor %}
+
+    {% if include.class %}
+        {% capture my_toc %}{:.{{ include.class }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}
+
+    {% if include.id %}
+        {% capture my_toc %}{: #{{ include.id }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}
+{% endcapture %}{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}

data/_layouts/alltags.html

@@ -0,0 +1,23 @@
+---
+layout: page
+---
+
+{% include JB/setup %}
+
+<ul class>
+    {% assign tags_list = site.tags %}
+    {% include JB/tags_list %}
+</ul>
+
+<div class>
+    {% for tag in site.tags %}
+
+    <h3 id="{{ tag[0] }}-ref">{{ tag[0] }}</h3>
+    <ul>
+        {% assign pages_list = tag[1] %}
+        {% include JB/pages_list %}
+    </ul>
+
+
+    {% endfor %}
+</div>

data/_layouts/archive.html

@@ -0,0 +1,10 @@
+---
+layout: page
+title: Archive
+---
+
+{%-include back_link.html-%}
+
+<h1>{{ page.title }}</h1>
+
+{%-include post_list.html category=page.which_category-%}

data/_layouts/collect.html

@@ -0,0 +1,8 @@
+---
+layout: page
+---
+
+{% assign posts_collate = site.posts %}
+<div>
+    {% include JB/posts_collate %}
+</div>

data/_layouts/default.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: 'en' }}">
+{%- include head.html -%}
+<body a="{{ site.theme_config.appearance | default: 'auto' }}">
+<div class="container">
+    <main class="page-content" aria-label="Content">
+        <div class="w">
+            {{ content }}
+        </div>
+    </main>
+
+    {%-if site.goat_counter and jekyll.environment == "production"-%}
+    {%-include goat_counter.html-%}
+    {%-endif-%}
+
+    {% if page.custom_js %}
+    {% for js_file in page.custom_js %}
+    <script type="text/javascript" src="{{ site.baseurl }}/assets/js/{{ js_file }}.js"></script>
+    {% endfor %}
+    {% endif %}
+
+    {%-include footer.html-%}
+</div>
+</body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,13 @@
+---
+layout: default
+---
+<header>
+  <h1>{{ site.title }}</h1>
+  {%-if site.theme_config.show_description-%}
+    <p>{{ site.description }}</p>
+  {%-endif-%}
+</header>
+
+{%-include menu_item.html collection=site.data.menu.entries-%}
+
+{{ content }}

data/_layouts/page.html

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+{%-include back_link.html-%}
+
+<h1>{{ page.title }}</h1>
+
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,24 @@
+---
+layout: default
+---
+
+{%-include back_link.html-%}
+
+<article>
+    <p class="post-meta">
+        <time datetime="{{ page.date }}">{{ page.date | date: site.theme_config.date_format }}</time>
+    </p>
+
+    <h1>{{ page.title }}</h1>
+
+    {% if site.showTags %}
+        {%-include tags.html-%}
+    {% endif %}
+
+    {% if page.enableToc %}
+        <h3>Toc</h3>
+        {% include toc.html html=content %}
+    {% endif %}
+
+    {{ content }}
+</article>

data/_sass/no-style-please.scss

@@ -0,0 +1,94 @@
+// -------------- THEME SWITCHER -------------- //
+@mixin dark-appearance {
+  filter: invert(1);
+  img {
+    filter: invert(1);
+
+    &.ioda { filter: invert(0); }
+  }
+}
+
+body[a="dark"] { @include dark-appearance; }
+
+
+@media (prefers-color-scheme: dark) {
+  body[a="auto"] { @include dark-appearance; }
+}
+// -------------------------------------------- //
+
+// bg color is also needed in html in order to
+// block body's background propagation
+// see: https://stackoverflow.com/a/61265706
+html, body { background: white; }
+
+html { height: 100%; }
+
+body {
+  color: black;
+  font-family: monospace;
+  font-size: 16px;
+  line-height: 1.4;
+  margin: 0;
+  min-height: 100%;
+  overflow-wrap: break-word;
+}
+
+.post-meta { text-align: right; }
+
+h2, h3, h4, h5, h6 { margin-top: 3rem; }
+
+hr { margin: 2rem 0; }
+
+p { margin: 1rem 0; }
+
+li { margin: 0.4rem 0; }
+
+*:target { background: yellow; }
+
+.w {
+  max-width: 640px;
+  margin: 0 auto;
+  padding: 4rem 2rem;
+}
+
+hr {
+  text-align: center;
+  border: 0;
+
+  &:before { content: '/////' }
+  &:after { content: attr(data-content) '/////' }
+}
+
+table { width: 100%; }
+
+table, th, td {
+  border: thin solid black;
+  border-collapse: collapse;
+  padding: 0.4rem;
+}
+
+code {
+  color: white;
+  background: black;
+}
+
+div.highlighter-rouge code {
+  display: block;
+  overflow-x: auto;
+  white-space: pre-wrap;
+  padding: 1rem;
+}
+
+blockquote {
+  font-style: italic;
+  border: thin solid black;
+  padding: 1rem;
+
+  p { margin: 0; }
+}
+
+img {
+  max-width: 100%;
+  display: block;
+  margin: 0 auto;
+}

data/_sass/sim-css.scss

@@ -0,0 +1,35 @@
+.footer {
+  position: absolute;
+  height: 50px;
+  width: 100%;
+  bottom: 0;
+  clear: both;
+}
+
+.push {
+  height: 50px;
+}
+
+.container {
+  position: relative;
+  min-height: 100vh;
+  height: auto !important;
+  height: 100%;
+  flex: 1;
+}
+
+.center {
+  position: relative;
+  display: flex;
+  justify-content: center;
+}
+
+.line-limit-length {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 400px;
+  display: inline-block;
+  // height: 18.4px;
+  margin-bottom: -5px;
+}

data/assets/css/main.scss

@@ -0,0 +1,5 @@
+---
+---
+
+@import "no-style-please";
+@import "sim-css";

data/assets/js/mouse_coords.js

@@ -0,0 +1,9 @@
+const p = document.createElement("p");
+p.style.textAlign = "center";
+p.style.fontSize = "18pt";
+p.innerHTML = "C'mon, move your mouse!"
+document.body.append(p);
+
+document.addEventListener("mousemove", e => {
+  p.innerHTML = `mouseX: ${e.clientX}, mouseY: ${e.clientY}`;  
+});

metadata

@@ -0,0 +1,86 @@
+--- !ruby/object:Gem::Specification
+name: sim-css
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- MegaMU
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2022-09-14 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
+description:
+email:
+- sirmegamu@outlook.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _config.yml
+- _includes/JB/pages_list
+- _includes/JB/posts_collate
+- _includes/JB/setup
+- _includes/JB/tags_list
+- _includes/back_link.html
+- _includes/footer.html
+- _includes/goat_counter.html
+- _includes/head.html
+- _includes/menu_item.html
+- _includes/post_list.html
+- _includes/tags.html
+- _includes/toc.html
+- _layouts/alltags.html
+- _layouts/archive.html
+- _layouts/collect.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/page.html
+- _layouts/post.html
+- _sass/no-style-please.scss
+- _sass/sim-css.scss
+- assets/css/main.scss
+- assets/img/example.png
+- assets/img/logo.png
+- assets/js/mouse_coords.js
+- assets/js/sim-css.js
+homepage: https://github.com/SirMegaMU/sim-css
+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.7
+signing_key:
+specification_version: 4
+summary: A Jekyll Theme base on no-style-please
+test_files: []