github-uikit 1.0.0

data/_includes/search_box.html

@@ -0,0 +1,15 @@
+<div class="uk-navbar-item">
+  <a class="uk-icon-button" uk-icon="icon: search" href="#modal-full" uk-toggle></a>
+    <div id="modal-full" class="uk-modal-full" uk-modal>
+        <div class="uk-modal-dialog">
+            <button class="uk-modal-close-default" type="button" uk-close></button>
+            <div class="uk-modal-header">
+              <div id="search-searchbar"></div>
+            </div>
+            <div class="uk-modal-body" uk-overflow-auto>
+              <div id="search-hits" class="uk-section uk-padding-remove-top post-list">
+              </div>
+            </div>
+        </div>
+    </div>
+</div>

data/_includes/sections/custom-icons.html

@@ -0,0 +1,22 @@
+
+  <div class="uk-section uk-section-secondary">
+    <div class="uk-container">
+      <div uk-grid>
+        <div class="uk-width-1-2@m">
+          <span uk-icon="icon: uikit; ratio: 7"></span>
+          <h3 class="uk-margin-small-top">Amazing 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 class="uk-width-1-2@m">
+          <div>
+              <div class="uk-section-default">
+                  <img src="{{"/assets/img/icons-full-preview.png" | relative_url}}" width="950" height="770" alt="">
+
+              </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>

data/_includes/sections/githubpages.html

@@ -0,0 +1,16 @@
+
+  <div class="uk-section uk-section-muted">
+    <div class="uk-container">
+      <div class="uk-clearfix">
+
+        <div class="uk-width-1-2@m uk-float-left">
+          <span uk-icon="icon: github; ratio: 7"></span>
+          <h3 class="uk-margin-small-top">Works perfectly on Github Pages</h3>
+          <p>Made from the bottom up with <span uk-icon="icon: github-alt; ratio: 1"></span> Github in mind.
+          </p>
+          <a class="uk-button uk-button-primary uk-button-large" href="{{"/components/introduction" | relative_url }}">Github Pages Compatible</a>
+        </div>
+
+      </div>
+    </div>
+  </div>

data/_includes/sections/installation.html

@@ -0,0 +1,40 @@
+
+  <div class="uk-section uk-section-muted">
+    <div class="uk-container">
+      <div uk-grid>
+        <div class="uk-width-1-2@m">
+          <img src="{{"/assets/img/installation.svg" | relative_url}}" alt="installation" class="uk-border-rounded" width="150" height="150" uk-svg>
+          <h3 class="uk-margin-small-top">Installation</h3>
+          <p>Install Github-Uikit's source and JavaScript files via clone, fork, or npm.
+
+            Package managed installs don’t include documentation or our full build scripts. You can also use our npm template repo to quickly generate a Bootstrap project via npm.
+          </p>
+          <a class="uk-button uk-button-primary uk-button-large" href="{{"/components/installation" | relative_url }}">Read Installation docs</a>
+
+        </div>
+        <div class="uk-width-1-2@m">
+          <div>
+            <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/isaacjosephhorton/github-uikit.git
+              </code></div>
+
+            <p>Make sure you have jekyll installed and you can run a build test locally with:</p>
+            <div class="uk-padding-small uk-section-default">
+              <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 github-uikit
+              </code>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>

data/_includes/sections/responsive.html

@@ -0,0 +1,22 @@
+
+  <div class="uk-section uk-section-default" >
+    <div class="uk-container">
+      <div uk-grid>
+        <div class="uk-width-1-2@m">
+          <div class="uk-heading-large">this.();</div>
+          <h3 class="uk-margin-small-top">Robust (yet sleek) Javascript Framework</h3>
+          <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 class="uk-width-1-2@m">
+          <span uk-icon="icon: image; ratio: 7"></span>
+          <h3 class="uk-margin-small-top">Build Responsive Websites Fast</h3>
+          <p>Mobile navigation built-in with off-canvas menu. A sleek and rewarding JavaScript framework.
+          </p>
+          <a class="uk-button uk-button-primary uk-button-large" href="{{"/components/grid" | relative_url }}">Custom Icons</a>
+        </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/_includes/workhistory.html

@@ -0,0 +1,36 @@
+<ul class="uk-subnav uk-subnav-pill" uk-switcher>
+  <li><a href="#">2017-2021 Qode One</a></li>
+  <li><a href="#">2016-2017 Live Eyewear</a></li>
+  <li><a href="#">2008-2015 Shopatron</a></li>
+  <li><a href="#">2003-2008 Liquid Ratio</a></li>
+  <li><a href="#">1999-2003 New Image Technologies</a></li>
+  <li><a href="#">1996–1999 Record Grafix</a></li>
+</ul>
+<hr>
+<ul class="uk-switcher uk-margin">
+  <li>
+    <h3>IJH</h3>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  </li>
+  <li>
+    <h3>Live Eyewear</h3>
+    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  </li>
+  <li>
+    <h3>Shopatron</h3>
+    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur, sed do eiusmod.
+  </li>
+  <li>
+    <h3>Liquid Ratio</h3>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+  </li>
+  <li>
+    <h3>New Image Technologies</h3>
+    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+  </li>
+  <li>
+    <h3>Record Grafix</h3>
+    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur, sed do eiusmod.
+  </li>
+</ul>
+<hr>

data/_layouts/archive.html

@@ -0,0 +1,52 @@
+---
+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,16 @@
+---
+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 buymeacoffee.html %}
+		{% include totop.html %}
+    </div>
+</div>

data/_layouts/default.html

@@ -0,0 +1,9 @@
+<!doctype html>
+<html lang="" itemscope itemtype="https://schema.org/Article">
+{% include head.html %}
+<main>
+  {% include header.html %}
+  {{content}}
+  {% include footer.html %}
+</main>
+</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,45 @@
+---
+layout: homepage
+title: Github-UiKit
+logo: light
+---
+<body>
+  <div class="uk-background-cover uk-background-top-center uk-light" style="background-image: url({{ "/assets/img/darkmountain.jpeg" | 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">Github-UiKit</h2>
+        <div class="uk-grid-match uk-child-width-1-1@m" uk-grid>
+          <div>
+            <h3 class="uk-h4">Interface building blocks for professional website interaction.</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="{{"/documentation" | relative_url }}">Download</a>
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
+  {% include sections/responsive.html %}
+  {% include sections/installation.html %}
+  {% include sections/custom-icons.html %}
+  {% include sections/githubpages.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>
+            Github-UiKit 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,26 @@
+---
+layout: overlay
+---
+
+<body>
+  <div class="uk-background-norepeat uk-background-cover uk-background-blend-overlay" style="background-image: url({{ "/assets/img/graffiti.jpg" | relative_url }});background-color:#222;">
+    {% include overlayheader.html %}
+    <div class="uk-section uk-section-large">
+      <div class="intro-text uk-container uk-light">
+        <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">
+      {{ content }}
+    </div>
+  </div>
+</body>

data/_layouts/overlay.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/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">
+        <h3 class="uk-heading-medium">{{page.title}}</h3>
+      </div>
+    </div>
+    <hr class="uk-divider-icon">
+    {% endif %}
+  </div>
+</div>
+<div>
+  <div class="uk-section">
+    <div class="uk-container">
+      <article class="uk-article">
+        {{content}}
+        {% include buymeacoffee.html %}
+      </article>
+    </div>
+  </div>
+  {% include totop.html %}
+</div>

data/_layouts/post.html

@@ -0,0 +1,47 @@
+---
+layout: default
+---
+
+<div class="uk-container-expand uk-animation-slide-top-small">
+  <div id="blog" class="uk-section-default">
+    {% if page.bigimg %}
+    <div class="uk-section-large uk-light uk-background-fixed uk-background-cover uk-background-bottom-center" style="background-image: url({{ page.bigimg | relative_url }})">
+      <div class="intro-text uk-container uk-padding-large">
+        <h2 class="uk-heading-primary">{{page.title}}</h2>
+        <p class="uk-article-meta">
+          <span uk-icon="calendar"></span> <time class="date">{{page.date | date: "%b %d, %Y "}}</time>
+          <span uk-icon="tag"></span>
+          {% for tag in page.tags %}
+          <a class="uk-link-muted" href="{{ site.baseurl }}/archive/index.html#{{ tag | cgi_escape }}" title="Pages tagged {{ tag }}" rel="tag">{{ tag }}</a>{% unless forloop.last %}, {% endunless %}{% endfor %}
+        </p>
+      </div>
+    </div>
+    {% else %}
+    <div>
+      <div class="uk-container uk-padding-large">
+        <h2 class="uk-heading-primary">{{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">
+    {% endif %}
+  </div>
+  <div class="uk-section uk-container uk-padding-large">
+    <article class="uk-article">
+      {{content}}
+    </article>
+    <div>
+      {% include post-pagination.html %}
+    </div>
+    {% include disqus.html %}
+    <br>
+    {% include buymeacoffee.html %}
+  </div>
+  {% include totop.html %}
+</div>

data/assets/css/custom.css

@@ -0,0 +1,31 @@
+@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-navbar-nav>li>a:hover {
+	color:#CC0000;
+}
+.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;
+}

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;
+}