instructions update

author: Silvano Sallese <silvano.sallese@gmail.com> 2020-08-10 15:16:48 +0200
committer: Silvano Sallese <silvano.sallese@gmail.com> 2020-08-10 15:16:48 +0200
commit: ebecb9c410f1e8f3fcc0e9d17d4b4be715d5ae57 (patch)
tree: 01f3085c5b0ad9d575335f5804280dd972997882 /templates
parent: f99ee08af6c5a499cde827a66b2134d01471b8a4 (diff)
3 files changed, 68 insertions, 67 deletions
diff --git a/templates/content.html b/templates/content.html
new file mode 100644
index 0000000..88f9e6d
--- /dev/null
+++ b/templates/content.html
@@ -0,0 +1,65 @@
+{% 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 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 %}
+
diff --git a/templates/index.html b/templates/index.html
index 384f103..bc7d358 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,4 +1,5 @@
 {% import "macros.html" as macros %}
+{% import "content.html" as content %}
 
 <!DOCTYPE html>
 <html lang="en">
@@ -10,11 +11,11 @@
       {{ macros::header() }}
 
       <section id="about">
-        {{ macros::about() }}
+        {{ content::about() }}
       </section>
 
       <section id="projects">
-        {{ macros::projects() }}
+        {{ content::projects() }}
       </section>
 
       {% block content %}
diff --git a/templates/macros.html b/templates/macros.html
index adf5088..a8747bf 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -12,39 +12,6 @@
 </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>
@@ -55,38 +22,6 @@
 <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">
author	Silvano Sallese <silvano.sallese@gmail.com>	2020-08-10 15:16:48 +0200
committer	Silvano Sallese <silvano.sallese@gmail.com>	2020-08-10 15:16:48 +0200
commit	ebecb9c410f1e8f3fcc0e9d17d4b4be715d5ae57 (patch)
tree	01f3085c5b0ad9d575335f5804280dd972997882 /templates
parent	f99ee08af6c5a499cde827a66b2134d01471b8a4 (diff)