evie-jekyll 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: e406f2f30c01bdbef33df44f5217af6f52c0e4abd35f50a7330e7a288ae1ecd2
+  data.tar.gz: 746e183e680b93606ca096f8667a66b24a699d4f540e6823620e024d259f97d0
+SHA512:
+  metadata.gz: 83d7ea2af9d070f775f4a0e1f01d7a41c7dfdf226d5c8d7408cec252a314f31418e24a7d483a833ca4b6c8fbcc9c04efb471cd39034d3ecc7c740c97eb9bb68a
+  data.tar.gz: dc20958815635071cd1321c4e6c995fb16ed6b38d8ab695c3f6ad0ac31f0b40880a31e8de69559b31f157cb31ea26966e62a18efd0334527af5206e376d803ad

data/404.html

@@ -0,0 +1,4 @@
+---
+title: 404 Page Not Found | Evie Jekyll
+layout: 404
+---

data/LICENSE.txt

@@ -0,0 +1,7 @@
+Copyright 2018 Jonah Snider
+
+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,41 @@
+# evie-jekyll
+
+The [Evie theme](https://evie.undraw.co/) ported. With some minor improvements/optimizations as well.
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "evie-jekyll"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: evie-jekyll
+```
+
+And then execute:
+
+```bash
+bundle
+```
+
+Or install it yourself as:
+
+```bash
+gem install evie-jekyll
+```
+
+## Usage
+
+Evie is meant as a theme you customize as needed. It comes with the premade dashboard, multipurpose, authentication, and 404 pages. The `default` layout adds the navbar, footer, and scripts to each page. The `page` and `post` layouts use the `default` layout.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at [the project page](https://github.com/pizzafox/evie-jekyll). This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_includes/footer-dark.html

@@ -0,0 +1,4 @@
+<!-- Footer -->
+<div class="footer footer--dark">
+  {% include footer.html %}
+</div>

data/_includes/footer-light.html

@@ -0,0 +1,4 @@
+<!-- Footer -->
+<div class="footer">
+  {% include footer.html %}
+</div>

data/_includes/footer.html

@@ -0,0 +1,30 @@
+<div class="container">
+  <div class="footer__inner">
+    <a href="index" class="footer__textLogo">Evie theme</a>
+    <div class="footer__data">
+      <div class="footer__data__item">
+        <div class="footer__row">
+          Ported to Jekyll by <a href="https://jonahsnider.ninja" target="_blank" class="footer__link">Jonah Snider</a>
+        </div>
+        <div class="footer__row">
+          <a href="https://github.com/PizzaFox/evie-jekyll" target="_blank" class="footer__link">GitHub</a>
+        </div>
+      </div>
+      <div class="footer__data__item">
+        <div class="footer__row">
+          Evie created by <a href="https://twitter.com/ninalimpi" target="_blank" class="footer__link">Katerina Limpitsouni</a>
+        </div>
+        <div class="footer__row">
+          Code/design by <a href="https://twitter.com/anges244" target="_blank" class="footer__link">Aggelos Gesoulis</a>
+        </div>
+      </div>
+      <div class="footer__data__item">
+        <div class="footer__row">
+          <a href="https://github.com/PizzaFox/evie-jekyll/releases/latest" target="_blank" class="footer__link">Download on GitHub</a>
+        </div>
+        <div class="footer__row">
+          <a href="https://rubygems.org/gems/evie-jekyll" target="_blank" class="footer__link">Download on RubyGems.org</a>
+        </div>
+      </div>
+    </div>
+  </div>

data/_includes/head.html

@@ -0,0 +1,7 @@
+<head>
+	<meta class="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  <meta name="theme-color" content="#6c63ff">
+	<title>{{ page.title }}</title>
+  <link rel='stylesheet' href='assets/css/style.css' />
+</head>

data/_includes/navbar-inner.html

@@ -0,0 +1,11 @@
+<div class="navbar__inner">
+  <a href="index" class="navbar__logo">Evie Jekyll</a>
+  <nav class="navbar__menu">
+    <ul>
+      <li><a href="page">Multipurpose page</a></li>
+      <li><a href="auth">Authentication</a></li>
+      <li><a href="dashboard">Dashboard</a></li>
+    </ul>
+  </nav>
+  <div class="navbar__menu-mob"><a href="" id='toggle'><svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" class=""></path></svg></a></div>
+</div>

data/_includes/navbar.html

@@ -0,0 +1,7 @@
+<!-- navbar -->
+<div class="navbar">
+  <nav class="nav__mobile"></nav>
+  <div class="container">
+    {% include navbar-inner.html %}
+  </div>
+</div>

data/_includes/scripts.html

@@ -0,0 +1 @@
+<script src='assets/js/app.min.js'></script>

data/_layouts/404.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+
+{% include head.html %}
+
+<body>
+  <!-- Hero(extended) navbar -->
+  <div class="navbar navbar--extended">
+    <nav class="nav__mobile"></nav>
+    <div class="container">
+      {% include navbar-inner.html %}
+    </div>
+  </div>
+
+  <!-- Hero unit -->
+  <div class="hero">
+    <div class="hero__overlay hero__overlay--gradient"></div>
+    <div class="hero__mask"></div>
+    <div class="hero__inner">
+      <div class="container">
+        <div class="hero__content">
+          <div class="hero__content__inner" id='navConverter'>
+            <h1 class="hero__title">404 Page Not Found</h1>
+            <p class="hero__text">This page couldn't be found. It might have been deleted or moved.</p>
+            <a href="index" class="button button__accent">Go Home</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  {% include footer-light.html %}
+  
+  {% include scripts.html %}
+</body>
+
+</html>

data/_layouts/default.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+{% include head.html %}
+
+<body>
+	{% include navbar.html %}
+
+	{{ content }}
+
+  {% include footer-dark.html %}
+
+	{% include scripts.html %}
+</body>
+
+</html>

data/_layouts/landing.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+
+{% include head.html %}
+
+<body>
+	<!-- Hero(extended) navbar -->
+	<div class="navbar navbar--extended">
+		<nav class="nav__mobile"></nav>
+		<div class="container">
+			{% include navbar-inner.html %}
+		</div>
+	</div>
+
+	{{ content }}
+
+  {% include footer-dark.html %}
+
+	{% include scripts.html %}
+</body>
+
+</html>

data/_layouts/page.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_sass/base/_containers.scss

@@ -0,0 +1,28 @@
+.container{
+	width: $containerWidth;
+	max-width: $containerMax;
+	margin: 0 auto;
+	position: relative;
+}
+
+.row{
+	display: block;
+	width: 100%;
+	clear: both;
+}
+
+
+.half{
+	width: 50%;
+	overflow: auto;
+    float:left;
+}
+
+.text-container{
+	max-width: $text-container;
+	
+	&--center{
+		margin-left: auto;
+		margin-right: auto;
+	}
+}

data/_sass/base/_globals.scss

@@ -0,0 +1,37 @@
+html{
+	box-sizing: border-box;
+	background-color: $background;
+}
+
+*, *:before, *:after {
+	box-sizing: inherit;
+}
+
+.invisible{
+	opacity: 0;
+	transition: 0.7s;
+}
+
+.fakefield{
+	display: none;
+}
+
+.left-align{
+	text-align: left;
+}
+
+.center, center-align{
+	text-align: center;
+}
+
+.right-align{
+	text-align: right;
+}
+
+.stress{
+	color: $text-dark;
+}
+
+img, svg{
+	max-width: 100%;
+}

data/_sass/base/_variables.scss

@@ -0,0 +1,47 @@
+// Colors
+$primary: #6C63FF;
+$secondary: #4641FF;
+$accent: #06d19c;
+$primary-dark: darken($primary,8%);
+$text: #666;
+$text-dark: #111;
+$background: #ffffff;
+$background-alt: #f7f7f7;
+$background-dark: #333C44;
+$line: #eee;
+$success: $accent;
+$error: tomato;
+
+// Typography
+$font: "Lato",sans-serif;
+$font-size: 15px;
+$line-height: 1.7;
+$light: 300;
+$normal: 400;
+$bold: 700;
+
+// Other variables
+$radius: 30px;
+
+// Containers
+$containerWidth: 88%; // Percentage of screen width
+$containerMax: 1080px; // Largest fixed width
+$text-container: 640px; // Limit texts for readability
+
+// Media queries
+$tablet-width: 600px !default; // Tablets
+$desktop-width: 992px !default; // Desktops & Laptops
+$huge-width: 1400px !default; // Large Desktops
+
+/* Components */
+
+// Navigation bar
+$navbar-height: 60px; // Height for navigation globally
+$navbar-height-extended: 70px; // Extended height for navigation => Used on landing
+
+// Hero
+$hero-color: $background;
+$hero-shadow: 0 4px 11px rgba(124,146,169,0.5);
+$hero-color-opacity: 0.96;
+$hero-mask-opacity: 0.66;
+$hero-down-size: 1rem; 

data/_sass/components/_app.scss

@@ -0,0 +1,74 @@
+.app__header{
+	position:relative;
+	color: $hero-color;
+	box-shadow: $hero-shadow;
+	width: 100%;
+}
+
+.app__header__inner{
+	padding: #{$navbar-height * 1.1} 0 0 0;
+	position: relative;
+	z-index: 3;
+}
+
+.app__header__content{
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 32pt 0;
+	overflow: auto;
+	
+	// This div allows normal behaviors for contained elements instead of flexbox aligning them 
+	&__inner{
+		width: 100%;
+		max-width: 66ch;
+		text-align: center;
+	}
+}
+
+/*--- CONTENT STYLING ---*/
+.app__header__title{
+	color: inherit;
+	margin-bottom: 1.25em;
+}
+
+.app__header__text{
+	opacity: 0.85;
+	line-height: 1.7;
+	text-align: left;
+}
+
+.app{
+	padding: calc( #{ $navbar-height + 16pt }) 0;
+}
+
+.app__inner{
+
+	@include desktop{
+		display: flex;
+	}
+}
+
+.app__menu{
+	width: 100%;
+	position: relative;
+
+	@include desktop{
+		display: block;
+		width: 300px;
+		flex-shrink: 0;
+	}
+}
+
+
+.app__main{
+	flex-grow: 1;
+}
+
+.app__main__title{
+	margin-top: 0.75em;
+}
+
+.app__image{
+	max-width:100%;
+}

data/_sass/components/_auth.scss

@@ -0,0 +1,52 @@
+.auth{
+	padding-top: $navbar-height + 32pt;
+}
+
+.auth__inner{
+	min-height: calc( 100vh - #{$navbar-height + 96pt}); // Triple so that the bottom is largely padded too...
+	display: flex;
+	align-items: center;
+	flex-direction: column;
+	justify-content: center;
+
+	@include desktop{
+		flex-direction: row;
+	}
+}
+
+.auth__media{
+
+	@include desktop{
+		width: 50%;
+		flex-shrink: 0;
+	}
+
+	img,svg{
+		max-height: 150px;
+		max-width: 90%;
+		@include noDragging;
+		@include noSelect;
+		
+		@include tablet{
+			max-height: 300px;
+		}
+
+		@include desktop{
+			max-height: 400px;
+		}
+	}
+}
+
+.auth__auth{
+	text-align: center;
+
+	@include desktop{
+		width: 50%;
+		flex-shrink: 0;
+	}
+}
+
+// Page title for auth must be h1 but with the sizing of h2
+.auth__title{
+	font-size: 1.728em;
+}