miniml 1.0.0

data/_includes/sections/custom-icons.html

@@ -0,0 +1,64 @@
+<div class="uk-section uk-section-large uk-section-secondary">
+  <div class="uk-container">
+    <div uk-grid>
+      <div class="uk-width-1-2@m">
+        <div class="uk-card uk-card-primary uk-card-body" uk-scrollspy="cls: uk-animation-fade; repeat: true">
+          <span uk-icon="icon: commenting; ratio: 2"></span>
+          <div class="uk-heading-small">SVG Icons</div>
+          <h3 class="uk-margin-small-top">Versatile Customizable SVG Icons</h3>
+          <p>Icon set is completely customizable, include your logo or add material design icons. You're in control.
+          </p>
+          <a class="uk-button uk-button-primary uk-button-large" href="{{"/components/custom-icons" | relative_url }}">Custom Icons</a>
+        </div>
+      </div>
+      <div class="uk-width-1-2@m">
+        <div>
+          <div class="uk-light svgiconcard uk-card uk-card-body" uk-scrollspy="target: > span; cls: uk-animation-fade; delay: 100">
+            <span uk-icon="icon: home; ratio: 1"></span>
+            <span uk-icon="icon: code; ratio: 1"></span>
+            <span uk-icon="icon: link; ratio: 1"></span>
+            <span uk-icon="icon: sign-in; ratio: 1"></span>
+            <span uk-icon="icon: paint-bucket; ratio: 1"></span>
+            <span uk-icon="icon: question; ratio: 1"></span>
+            <span uk-icon="icon: sign-out; ratio: 1"></span>
+            <span uk-icon="icon: user; ratio: 1"></span>
+            <span uk-icon="icon: users; ratio: 1"></span>
+            <span uk-icon="icon: lock; ratio: 1"></span>
+            <span uk-icon="icon: camera; ratio: 1"></span>
+            <span uk-icon="icon: cog; ratio: 1"></span>
+            <span uk-icon="icon: star; ratio: 1"></span>
+            <span uk-icon="icon: image; ratio: 1"></span>
+            <span uk-icon="icon: menu; ratio: 1"></span>
+            <span uk-icon="icon: social; ratio: 1"></span>
+            <span uk-icon="icon: comments; ratio: 1"></span>
+            <span uk-icon="icon: settings; ratio: 1"></span>
+            <span uk-icon="icon: list; ratio: 1"></span>
+            <span uk-icon="icon: more; ratio: 1"></span>
+
+            <span uk-icon="icon: clock; ratio: 1"></span>
+            <span uk-icon="icon: git-branch; ratio: 1"></span>
+            <span uk-icon="icon: git-fork; ratio: 1"></span>
+            <span uk-icon="icon: tag; ratio: 1"></span>
+            <span uk-icon="icon: mail; ratio: 1"></span>
+            <span uk-icon="icon: print; ratio: 1"></span>
+            <span uk-icon="icon: location; ratio: 1"></span>
+            <span uk-icon="icon: bookmark; ratio: 1"></span>
+            <span uk-icon="icon: world; ratio: 1"></span>
+            <span uk-icon="icon: search; ratio: 1"></span>
+            <span uk-icon="icon: credit-card; ratio: 1"></span>
+            <span uk-icon="icon: history; ratio: 1"></span>
+            <span uk-icon="icon: calendar; ratio: 1"></span>
+            <span uk-icon="icon: minus; ratio: 1"></span>
+            <span uk-icon="icon: cloud-upload; ratio: 1"></span>
+            <span uk-icon="icon: file-pdf; ratio: 1"></span>
+            <span uk-icon="icon: server; ratio: 1"></span>
+            <span uk-icon="icon: pull; ratio: 1"></span>
+            <span uk-icon="icon: laptop; ratio: 1"></span>
+            <span uk-icon="icon: refresh; ratio: 1"></span>
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/sections/installation.html

@@ -0,0 +1,49 @@
+<div class="uk-section uk-section-large uk-section-muted">
+  <div class="uk-container">
+    <div uk-grid>
+      <div class="uk-width-1-2@m">
+        <div class="uk-card uk-card-secondary uk-text-center uk-text-left@m" uk-scrollspy="cls: uk-animation-fade; repeat: true">
+          <div class="uk-card-body">
+            <div class="uk-heading-small">Installation</div>
+            <h4 class="uk-margin-small-top">Get up and running in less than 10 minutes.</h4>
+            <p>Install miniml's source and JavaScript files via clone, fork, or npm.
+              As simple or as complex as you like.
+            </p>
+            <a class="uk-button uk-button-secondary uk-button-large uk-inline-block" href="https://github.com/isaacjosephhorton/miniml">Download</a>
+          </div>
+          <div class="uk-card-media-bottom">
+            <img src="{{ "/assets/img/install.png" | relative_url }}" alt="Blocks">
+          </div>
+        </div>
+      </div>
+      <div class="uk-width-1-2@m uk-text-center uk-text-left@m">
+        <div>
+          <h4 class="uk-heading-small">Quick Install</h4>
+          <p>The easiest way to install quickly is to clone the GitHub repository.</p>
+          <div class="uk-padding-small uk-section-default">
+            <code>
+              git clone https://github.com/st4rlab/miniml.git
+            </code>
+          </div>
+
+          <p>Make sure you have jekyll installed and you can run a build and live test with this:</p>
+          <div class="uk-padding-small uk-section-default">
+            <code>
+              bundle install
+            </code>
+            <br>
+            <code>
+              bundle exec jekyll serve
+            </code>
+          </div>
+          <p>Or install it yourself as:</p>
+          <div class="uk-padding-small uk-section-default">
+            <code>
+              $ gem install miniml
+            </code>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/sections/responsive.html

@@ -0,0 +1,26 @@
+<div class="uk-section uk-section-large uk-section-default">
+  <div class="uk-container">
+    <div uk-grid uk-height-match="target: .uk-card">
+      <div class="uk-width-1-2@m">
+        <div class="uk-card uk-card-primary uk-card-body uk-text-center uk-text-left@m" uk-scrollspy="cls: uk-animation-slide-bottom-small; repeat: true">
+          <span uk-icon="icon: uikit; ratio: 2"></span>
+          <div class="uk-heading-small">UiKit</div>
+          <h4 class="uk-margin-small-top">Robust (yet sleek) Javascript/CSS Framework</h4>
+          <p>The Uikit package is a collection of css and javascript that is reliable and comes with good documentation.
+          </p>
+          <a class="uk-button uk-button-secondary uk-button-large" href="{{"/components/javascript" | relative_url }}">How it works</a>
+        </div>
+      </div>
+      <div class="uk-width-1-2@m">
+        <div class="uk-card uk-card-default uk-card-body uk-text-center uk-text-left@m" uk-scrollspy="cls: uk-animation-slide-right-small; repeat: true">
+          <span uk-icon="icon: github; ratio: 2"></span>
+          <div class="uk-heading-small">GitHub Pages</div>
+          <h4 class="uk-margin-small-top">Works perfectly on Github Pages.</h4>
+          <p>Made from the bottom up for quick install on GitHub Pages.</p>
+          <a class="uk-button uk-button-primary uk-button-large" href="{{"/installation" | relative_url }}">View Installation Docs</a>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</div>

data/_includes/totop.html

@@ -0,0 +1,3 @@
+{% if site.to_top == true %}
+<span class="uk-flex uk-flex-center"><a href="" uk-totop uk-scroll></a></span><br>
+{% endif %}

data/_layouts/archive.html

@@ -0,0 +1,51 @@
+---
+layout: default
+---
+<div class="uk-container-expand">
+  <div id="page" class="uk-section-default uk-padding-xsmall">
+    {% if page.bigimg %}
+    <div class="uk-section uk-light uk-background-fixed uk-background-cover uk-background-top-left" style="background-image: url({{ page.bigimg | relative_url }})">
+      <div class="intro-text uk-container">
+        <h3 class="uk-heading-primary">{{page.title}}</h3>
+        <p class="uk-article-meta">
+          {% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+          {% assign sortedTags=site_tags | split:',' | sort %}
+          <span uk-icon="tag"></span>
+          {% for tag in sortedTags %}
+          <span class="tags">
+            <a href="#{{tag | cgi_escape}}" uk-scroll>{{ tag }} [{{ site.tags[tag].size }}]</a>
+            {% unless forloop.last %}, {% endunless %}
+          </span>
+          {% endfor %}
+        </p>
+      </div>
+    </div>
+    {% else %}
+    <div class="uk-section-small">
+      <div class="uk-container">
+        <h3 class="uk-heading-primary">{{page.title}}</h3>
+        <h2>Tags</h2>
+        <p class="uk-article-meta">
+          {% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+          {% assign sortedTags = site_tags | split:',' | sort %}
+          <span uk-icon="tag"></span>
+          {% for tag in sortedTags %}
+          <span class="tags">
+            <a href="#{{tag | cgi_escape}}" uk-scroll>{{ tag }} [{{ site.tags[tag].size }}]</a>
+            {% unless forloop.last %} | {% endunless %}
+          </span>
+          {% endfor %}
+        </p>
+      </div>
+    </div>
+    <hr class="uk-divider-icon">
+    {% endif %}
+  </div>
+  <div class="uk-section">
+    <div class="uk-container">
+      <article class="uk-article">
+        {{content}}
+      </article>
+    </div>
+  </div>
+</div>

data/_layouts/component.html

@@ -0,0 +1,15 @@
+---
+layout: default
+---
+
+<div>
+  <div class="uk-container">
+    <hr>
+    <div uk-grid>
+      <div class="uk-width-medium uk-visible@m uk-scrollable-auto" uk-height-viewport>{% include components.html %}</div>
+      <div class="uk-width-2-3@m">{{content}}</div>
+      <div class="uk-width-expand@m"></div>
+    </div>
+    {% include totop.html %}
+  </div>
+</div>

data/_layouts/default.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="" itemscope itemtype="https://schema.org/Article">
+{% include head.html %}
+<main>
+  {% include header.html %}
+  {{content}}
+  {% include footer.html %}
+</main>
+<script src="/assets/js/codecopy.js"></script>
+
+</html>

data/_layouts/feed.html

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0" xmlns:atom="https://www.w3.org/2005/Atom" xmlns:dc="https://purl.org/dc/elements/1.1/">
+	<channel>
+		<title>{{ site.name | xml_escape }}</title>
+		<description>{% if site.description %}{{ site.description | xml_escape }}{% endif %}</description>
+		<link>{{ site.url }}</link>
+		<atom:link href="{{ site.url }}/{{ page.path }}" rel="self" type="application/rss+xml" />
+		<lastBuildDate>{% for post in site.posts limit:1 %}{{ post.date | date_to_rfc822 }}{% endfor %}</lastBuildDate>
+		{% for post in site.posts limit:10 %}
+		<item>
+			<title>{{ post.title | xml_escape }}</title>
+			{% if post.author.name %}
+			<dc:creator>{{ post.author.name | xml_escape }}</dc:creator>
+			{% endif %}
+			{% if post.excerpt %}
+			<description>{{ post.excerpt | xml_escape }}</description>
+			{% else %}
+			<description>{{ post.content | xml_escape }}</description>
+			{% endif %}
+			<pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
+			<link>{{ site.url }}{{ post.url }}</link>
+			<guid isPermaLink="true">{{ site.url }}{{ post.url }}</guid>
+		</item>
+		{% endfor %}
+	</channel>
+</rss>

data/_layouts/home.html

@@ -0,0 +1,43 @@
+---
+layout: homepage
+title: miniml
+logo: light
+---
+
+<body>
+  <div class="uk-background-cover uk-background-bottom-center" style="background-image: url({{ "/assets/img/merge.jpg" | relative_url }});background-color:#333333;">
+    {% include header.html %}
+    <div class="uk-section uk-section-large">
+      <div class="intro-text uk-container">
+        <h2 class="uk-heading-medium uk-animation-slide-left-small">miniml</h2>
+        <div class="uk-grid-match uk-child-width-1-1@m" uk-grid>
+          <div>
+            <h3 class="uk-h4 uk-animation-slide-left-small">Complete Base Template Solution for Building Static Websites on Gihub Pages</h3>
+            <div>
+              <a class="uk-button uk-button-primary uk-button-large" href="{{"/installation" | relative_url }}">Get Started</a>
+              <a class="uk-button uk-button-default uk-button-large uk-inline-block" href="https://github.com/isaacjosephhorton/miniml">Download</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  {% include sections/responsive.html %}
+  {% include sections/installation.html %}
+  {% include sections/custom-icons.html %}
+  {% include sections/blocks.html %}
+  <div id="Connect" class="uk-section uk-section-secondary">
+    <div class="uk-container">
+      <h2 class="uk-heading-line"><span>Connect</span></h2>
+      <div class="uk-child-width-1-2@m" uk-grid>
+        <div>
+          <p>
+            miniml is always looking for contributors to help out. Your involvement is creatively appreciated.
+          </p>
+        </div>
+        <div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>

data/_layouts/homepage.html

@@ -0,0 +1,9 @@
+<!doctype html>
+<html lang="" itemscope itemtype="https://schema.org/Article">
+{% include head.html %}
+<main>
+	{{content}}
+	{% include footer.html %}
+</main>
+
+</html>

data/_layouts/over.html

@@ -0,0 +1,34 @@
+---
+layout: overlay
+---
+
+<body>
+  <div class="uk-background-norepeat uk-background-cover uk-background-blend-overlay" style="background-image: url({{ "/assets/img/preview.png" | relative_url }});">
+    {% include overlayheader.html %}
+    <div class="uk-section uk-section-large">
+      <div class="intro-text uk-container">
+        <h2 class="uk-heading-medium">{{ page.title }}</h2>
+        <div class="uk-grid-match uk-child-width-1-1@m" uk-grid>
+          <div>
+            <h3 class="uk-h4">{{ page.subheading }}</h3>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+  </div>
+  <div class="uk-section uk-section-small">
+    <div class="uk-container">
+      <div uk-grid>
+        <div class="uk-width-2-3@m">
+          {{ content }}
+        </div>
+        <div class="uk-width-1-3 uk-visible@m">
+          <h6 class="uk-margin-remove-bottom">Title:</h6>
+          <h3 class="uk-margin-remove-top">{{page.title}}</h3>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>

data/_layouts/overlay.html

@@ -0,0 +1,8 @@
+<!doctype html>
+<html lang="" itemscope itemtype="https://schema.org/Article">
+  {% include head.html %}
+<main>
+  {{content}}
+  {% include footer.html %}
+</main>
+</html>

data/_layouts/page.html

@@ -0,0 +1,33 @@
+---
+layout: default
+---
+
+<div class="uk-container-expand uk-background-cover uk-background-top-center" style="background-image: url({{ page.bigimg | relative_url }})">
+  <div id="page" class="uk-section uk-padding-remove-bottom">
+    {% if page.bigimg %}
+    <div class="uk-container uk-light">
+      <div class="intro-text">
+        <h3 class="uk-heading-medium">{{page.title}}</h3>
+      </div>
+    </div>
+    {% else %}
+    <div>
+      <div class="uk-container">
+        {% if page.subheading %}<h5 class="uk-margin-small-bottom">{{page.subheading}}</h5>{% endif %}
+        <h3 class="uk-heading-medium uk-margin-remove-top">{{page.title}}</h3>
+      </div>
+    </div>
+    <hr>
+    {% endif %}
+  </div>
+</div>
+<div>
+  <div class="uk-section">
+    <div class="uk-container">
+      <article class="uk-article">
+        {{content}}
+      </article>
+    </div>
+  </div>
+  {% include totop.html %}
+</div>

data/_layouts/post.html

@@ -0,0 +1,49 @@
+---
+layout: default
+---
+
+<div class="uk-container-expand">
+  <div id="blog" class="uk-section-default">
+    <div>
+      <div class="uk-container uk-padding-large uk-padding-remove-bottom">
+        <h2 class="uk-heading-medium">{{page.title}}</h2>
+        <p class="uk-article-meta">
+          <span uk-icon="calendar"></span> <span class="date">{{page.date | date: "%b %d, %Y "}}</span>
+          <span uk-icon="tag"></span>
+          {% for tag in page.tags %}
+          <a href="{{ site.baseurl }}/archive/index.html#{{ tag | cgi_escape }}" title="Pages tagged {{ tag }}" rel="tag">{{ tag }}</a>{% unless forloop.last %}, {% endunless %}{% endfor %}
+          {% include reading-time.html %}
+        </p>
+      </div>
+    </div>
+    <hr class="uk-divider-icon">
+  </div>
+  <div class="uk-section uk-section-large uk-container uk-padding-large uk-padding-remove-top">
+    <div uk-grid>
+      <div class="uk-width-1-3 uk-visible@m">
+        <h6 class="uk-margin-remove-bottom">Title:</h6>
+        <h3 class="uk-margin-remove-top">{{page.title}}</h3>
+        <h6 class="uk-margin-remove-bottom">Date:</h6>
+        <h5 class="uk-margin-remove-top">{{page.date | date: "%b %d, %Y "}}</h5>
+        <h6 class="uk-margin-remove-bottom">Tags:</h6>
+        <p class="uk-margin-remove-top">{% for tag in page.tags %}
+          <a href="{{ site.baseurl }}/archive/index.html#{{ tag | cgi_escape }}" title="Pages tagged {{ tag }}" rel="tag">{{ tag }}</a>{% unless forloop.last %}, {% endunless %}{% endfor %}
+        </p>
+        <img src="{{page.image}}">
+      </div>
+      <div class="uk-width-2-3@m">
+        <article class="uk-article">
+          {% if page.bigimg %}
+          <img src="{{page.bigimg}}">
+          {% endif %}
+          {{content}}
+        </article>
+      </div>
+      <div>
+        {% include post-pagination.html %}
+      </div>
+      {% include disqus.html %}
+      <br>
+    </div>
+    {% include totop.html %}
+  </div>

data/assets/css/custom.css

@@ -0,0 +1,56 @@
+@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;700&display=swap');
+
+pre {
+	background-color:#282c34;
+}
+
+.uk-navbar-nav>li>a {
+	color:#000;
+}
+.uk-button.uk-button-primary, .uk-button.uk-button-default, .uk-button.uk-button-secondary {
+	border-radius:50px;
+}
+.uk-card {
+	border-radius:24px;
+}
+.uk-navbar-left.uk-light.black, .blackback {
+    background-color: black;
+}
+.uk-navbar-left.uk-light.black .uk-navbar-nav>li>a {
+color: white;
+}
+.blackback {
+	width:10px;
+	height:80px;
+	display:block;
+}
+h1, h2, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, .uk-heading-2xlarge {
+	font-family: 'Raleway', sans-serif;
+	font-weight:700;
+}
+h3, h4, h5, h6 {
+	font-family: 'Raleway', sans-serif;
+	font-weight:500;
+}
+.svgiconcard span {
+	margin: 0 25px 25px 0;
+}
+pre code {
+	padding:20px;
+	display:block;
+	border-radius:5px;
+}
+.highlight, pre.highlight {
+    background: #282c34;
+    color: #abb2bf;
+    border-radius: 5px;
+}
+.mi-padline {
+	padding: 10px 15px;
+	border: 1px solid #ccc;
+	margin-right: 5px;
+	display:inline-block;
+}
+.tm-main.uk-sticky.uk-active {
+	background-color:#fff;
+}

data/assets/css/syntax.css

@@ -0,0 +1,3 @@
+.highlight,pre.highlight{background:#282c34;color:#abb2bf}.highlight pre{background:#282c34}.highlight .hll{background:#282c34}.highlight .c{color:#5c6370;font-style:italic}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#c678dd}.highlight .l{color:#98c379}.highlight .n{color:#abb2bf}.highlight .o{color:#abb2bf}.highlight .p{color:#abb2bf}.highlight .cm{color:#5c6370;font-style:italic}.highlight .cp{color:#5c6370;font-style:italic}.highlight .c1{color:#5c6370;font-style:italic}.highlight .cs{color:#5c6370;font-style:italic}.highlight .ge{font-style:italic}.highlight .gs{font-weight:700}.highlight .kc{color:#c678dd}.highlight .kd{color:#c678dd}.highlight .kn{color:#c678dd}.highlight .kp{color:#c678dd}.highlight .kr{color:#c678dd}.highlight .kt{color:#c678dd}.highlight .ld{color:#98c379}.highlight .m{color:#d19a66}.highlight .s{color:#98c379}.highlight .na{color:#d19a66}.highlight .nb{color:#e5c07b}.highlight .nc{color:#e5c07b}.highlight .no{color:#e5c07b}.highlight .nd{color:#e5c07b}.highlight .ni{color:#e5c07b}.highlight .ne{color:#e5c07b}.highlight .nf{color:#abb2bf}.highlight .nl{color:#e5c07b}.highlight .nn{color:#abb2bf}.highlight .nx{color:#abb2bf}.highlight .py{color:#e5c07b}.highlight .nt{color:#e06c75}.highlight .nv{color:#e5c07b}.highlight .ow{font-weight:700}.highlight .w{color:#f8f8f2}.highlight .mf{color:#d19a66}.highlight .mh{color:#d19a66}.highlight .mi{color:#d19a66}.highlight .mo{color:#d19a66}.highlight .sb{color:#98c379}.highlight .sc{color:#98c379}.highlight .sd{color:#98c379}.highlight .s2{color:#98c379}.highlight .se{color:#98c379}.highlight .sh{color:#98c379}.highlight .si{color:#98c379}.highlight .sx{color:#98c379}.highlight .sr{color:#56b6c2}.highlight .s1{color:#98c379}.highlight .ss{color:#56b6c2}.highlight .bp{color:#e5c07b}.highlight .vc{color:#e5c07b}.highlight .vg{color:#e5c07b}.highlight .vi{color:#e06c75}.highlight .il{color:#d19a66}.highlight .gu{color:#75715e}.highlight .gd{color:#f92672}.highlight .gi{color:#a6e22e}
+pre { border: 0px solid #000; color: #abb2bf;
+}

data/assets/css/theme-overrides.scss

@@ -0,0 +1,12 @@
+.intro-text {
+  text-shadow: 1px 1px 2px black;
+}
+blockquote {
+  border-left: 5px solid #ccc;
+  background: #f9f9f9;
+  border-radius: 0px 4px 4px 0px;
+  padding: 5px 10px;
+}
+.button, input[type=submit] {
+  -webkit-appearance: none;
+}