first commit

author: Silvano Sallese <silvano.sallese@gmail.com> 2020-08-02 18:32:13 +0200
committer: Silvano Sallese <silvano.sallese@gmail.com> 2020-08-02 18:32:13 +0200
commit: f99ee08af6c5a499cde827a66b2134d01471b8a4 (patch)
tree: 4ed98caf19631b204eaf72c86d1a62f69b8a6eb5 /templates
3 files changed, 161 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..384f103
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,28 @@
+{% import "macros.html" as macros %}
+
+<!DOCTYPE html>
+<html lang="en">
+
+  {{ macros::head() }}
+
+  <body>
+
+      {{ macros::header() }}
+
+      <section id="about">
+        {{ macros::about() }}
+      </section>
+
+      <section id="projects">
+        {{ macros::projects() }}
+      </section>
+
+      {% block content %}
+      <p></p>
+      {% endblock content %}
+
+
+      {{ macros::footer() }}
+      {{ macros::google_analytics() }}
+
+  </body>
diff --git a/templates/macros.html b/templates/macros.html
new file mode 100644
index 0000000..adf5088
--- /dev/null
+++ b/templates/macros.html
@@ -0,0 +1,127 @@
+
+{% macro head() %}
+<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 %}{{ config.title }}{% endif %}</title>
+  <meta name="description" content="{% if page.description %}{{ page.description | striptags | trim | truncate(length=160) }}{% else %}{{ config.description }}{% endif %}">
+
+  <link rel="stylesheet" href="{{ config.base_url ~ "/main.css" }}">
+</head>
+{% endmacro head %}
+
+{% macro about() %}
+ <div class="user-details">
+  <h1> My Expertise </h1>
+  <p> {{ config.extra.user_description }} </p>
+</div>
+  <div class="user">
+    <div class="tech">
+      <h2>Design</h2>
+      <i class="devicon-html5-plain-wordmark"></i>
+      <i class="devicon-bootstrap-plain-wordmark colored"></i>
+      <i class="devicon-sass-original colored"></i>
+      <p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
+        Vinyl XOXO lumbersexual</p>
+    </div>
+    <div class="tech">
+      <h2>Code</h2>
+      <i class="devicon-javascript-plain colored"></i>
+      <i class="devicon-react-original-wordmark colored"></i>
+      <i class="devicon-nodejs-plain-wordmark"></i>
+      <p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
+        Vinyl XOXO lumbersexual</p>
+    </div>
+    <div class="tech">
+      <h2>Tools</h2>
+      <i class="devicon-git-plain"></i>
+      <i class="devicon-gulp-plain colored"></i>
+      <i class="devicon-atom-original-wordmark"></i>
+      <p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
+        Vinyl XOXO lumbersexual</p>
+    </div>
+</div>
+{% endmacro about %}
+
+{% macro footer() %}
+<footer class="footer">
+    <p>&copy; {{ config.extra.username }}</p>
+    <p>Build with Jekyll and <span class="love">❤</span> by <a href="https://github.com/nrandecker">Nathan Randecker</a></p>
+</footer>
+<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
+<script src="{{ config.base_url ~ "/js/sweet-scroll.min.js" }}"></script>
+<script src="{{ config.base_url ~ "/js/main.js" }}"></script>
+{% endmacro footer %}
+
+{% macro projects() %}
+<div class="user-details">
+  <h1> Featured Projects </h1>
+</div>
+<div class="user-projects">
+  <div class="images-right">
+    <img alt="mountains" src="{{ config.base_url ~ "/img/mountains.jpg" }}" />
+  </div>
+  <div class="contents">
+    <h3> Project Title </h3>
+    <ul>
+      <li> Featured Skills</li>
+    </ul>
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+    <a class="project-link" href="#">Check it out</a>
+  </div>
+</div>
+<div class="user-projects">
+  <div class="images-left">
+    <img alt="mountains" src="{{ config.base_url ~ "/img/skate.jpg" }}" />
+  </div>
+  <div class="contents-right">
+    <h3> Project Title </h3>
+    <ul>
+      <li> Featured Skills</li>
+    </ul>
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+    <a class="project-link" href="#">Check it out</a>
+  </div>
+</div>
+{% endmacro projects %}
+
+{% macro header() %}
+<div id="particles-js">
+  <div class="header">
+      <h1>
+        <span class="site-title">{{ config.extra.username }}</span>
+        <span class="site-description">{{ config.extra.user_title }}</span>
+      </h1>
+      <div class="header-icons">
+        <a aria-label="Send email" href="#"><i class="icon fa fa-envelope"></i></a>
+        <a aria-label="My Twitter" target="_blank" href="#"><i class="icon fa fa-twitter" aria-hidden="true"></i></a>
+        <a aria-label="My Google Plus" target="_blank" href="#"><i class="icon fa fa-google-plus" aria-hidden="true"></i></a>
+        <a aria-label="My Github" target="_blank" href="#"><i class="icon fa fa-github-alt" aria-hidden="true"></i></a>
+      </div>
+      <div class="header-links">
+        <a class="link" href="#about" data-scroll>About Me</a>
+        <a class="link" href="#projects" data-scroll>Projects</a>
+      </div>
+  </div>
+  <a class="down" href="#about" data-scroll><i class="icon fa fa-chevron-down" aria-hidden="true"></i></a>
+</div>
+{% endmacro header %}
+
+{% macro google_analytics() %}
+<!-- Google Analytics -->
+{% if config.extra.google_analytics %}
+<script>
+var dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
+if (dnt != "1" && dnt != "yes") {
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+ga('create', '{{ config.extra.google_analytics.id }}', 'auto');
+ga('send', 'pageview');
+}
+</script>
+{% endif %}
+{% endmacro google_analytics %}
diff --git a/templates/page.html b/templates/page.html
new file mode 100644
index 0000000..7d3c175
--- /dev/null
+++ b/templates/page.html
@@ -0,0 +1,6 @@
+{% extends "index.html" %}
+
+{% block content %}
+  {{ page.content }}
+{% endblock content %}
+
author	Silvano Sallese <silvano.sallese@gmail.com>	2020-08-02 18:32:13 +0200
committer	Silvano Sallese <silvano.sallese@gmail.com>	2020-08-02 18:32:13 +0200
commit	f99ee08af6c5a499cde827a66b2134d01471b8a4 (patch)
tree	4ed98caf19631b204eaf72c86d1a62f69b8a6eb5 /templates