Generated metadata and added blog sections to grayscale, read_only an…

…d solid_state
QU-UP · May 7, 2022 · aacea7f · aacea7f
1 parent 0bd69ed
commit aacea7f
Show file tree

Hide file tree

Showing 26 changed files with 1,165 additions and 9 deletions.
diff --git a/aerial/metadata.yml b/aerial/metadata.yml
@@ -0,0 +1,5 @@
+created: 2022-4-22
+ezcv_version: 0.3.0
+folder: aerial
+name: aerial
+updated: 2022-4-22
diff --git a/creative/metadata.yml b/creative/metadata.yml
@@ -0,0 +1,14 @@
+created: 2022-4-22
+ezcv_version: 0.3.0
+folder: creative
+name: creative
+sections:
+  gallery:
+    type: gallery
+  projects:
+    fields:
+      image: str
+      link: str
+      title: str
+    type: markdown
+updated: 2022-4-22
diff --git a/cv/metadata.yml b/cv/metadata.yml
@@ -0,0 +1,38 @@
+created: 2022-4-22
+ezcv_version: 0.3.0
+folder: cv
+name: cv
+sections:
+  education:
+    fields:
+      current: bool
+      institution: str
+      title: str
+      year_ended: int
+      year_started: int
+    type: markdown
+  projects:
+    fields:
+      image: str
+      link: str
+      title: str
+    type: markdown
+  volunteering_experience:
+    fields:
+      company: str
+      current: bool
+      month_started: str
+      role: str
+      year_ended: int
+      year_started: int
+    type: markdown
+  work_experience:
+    fields:
+      company: str
+      current: bool
+      month_started: str
+      role: str
+      year_ended: int
+      year_started: int
+    type: markdown
+updated: 2022-4-22
diff --git a/ethereal/metadata.yml b/ethereal/metadata.yml
@@ -0,0 +1,34 @@
+created: 2022-4-22
+ezcv_version: 0.3.0
+folder: ethereal
+name: ethereal
+sections:
+  education:
+    fields:
+      current: bool
+      institution: str
+      title: str
+      year_ended: int
+      year_started: int
+    type: markdown
+  gallery:
+    type: gallery
+  volunteering_experience:
+    fields:
+      company: str
+      current: bool
+      month_started: str
+      role: str
+      year_ended: int
+      year_started: int
+    type: markdown
+  work_experience:
+    fields:
+      company: str
+      current: bool
+      month_started: str
+      role: str
+      year_ended: int
+      year_started: int
+    type: markdown
+updated: 2022-4-22
diff --git a/freelancer/metadata.yml b/freelancer/metadata.yml
@@ -0,0 +1,40 @@
+created: 2022-4-22
+ezcv_version: 0.3.0
+folder: freelancer
+name: freelancer
+sections:
+  contact:
+    type: markdown
+  education:
+    fields:
+      current: bool
+      institution: str
+      title: str
+      year_ended: int
+      year_started: int
+    type: markdown
+  projects:
+    fields:
+      image: str
+      link: str
+      title: str
+    type: markdown
+  volunteering_experience:
+    fields:
+      company: str
+      current: bool
+      month_started: str
+      role: str
+      year_ended: int
+      year_started: int
+    type: markdown
+  work_experience:
+    fields:
+      company: str
+      current: bool
+      month_started: str
+      role: str
+      year_ended: int
+      year_started: int
+    type: markdown
+updated: 2022-4-22
diff --git a/grayscale/css/styles.css b/grayscale/css/styles.css
@@ -612,27 +612,27 @@ progress {
 
 @media (min-width: 576px) {
   .container-sm, .container {
-    max-width: 540px;
+    max-width: 600px;
   }
 }
 @media (min-width: 768px) {
   .container-md, .container-sm, .container {
-    max-width: 720px;
+    max-width: 800px;
   }
 }
 @media (min-width: 992px) {
   .container-lg, .container-md, .container-sm, .container {
-    max-width: 960px;
+    max-width: 1000px;
   }
 }
 @media (min-width: 1200px) {
   .container-xl, .container-lg, .container-md, .container-sm, .container {
-    max-width: 1140px;
+    max-width: 1400px;
   }
 }
 @media (min-width: 1400px) {
   .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
-    max-width: 1320px;
+    max-width: 1620px;
   }
 }
 .row {

diff --git a/grayscale/images/section-headings/blog.jpg b/grayscale/images/section-headings/blog.jpg
diff --git a/grayscale/index.jinja b/grayscale/index.jinja
@@ -71,6 +71,10 @@
                     {% if education_html %}
                         <li class="nav-item"><a class="nav-link" href="#education">Education</a></li>
                     {%endif%}
+
+                    {% if blog_html %}
+                        <li class="nav-item"><a class="nav-link" href="#blog">Blog</a></li>
+                    {% endif %}
                     </ul>
                 </div>
             </div>
@@ -100,6 +104,21 @@
 
                 {{ education_html | safe }}
 
+                {% if blog_html %}
+                                <!-- Featured Project Row-->
+                <div class="row gx-0 mb-4 mb-lg-5 align-items-center" id="blog">
+                    <div class="col-xl-4 col-lg-5">
+                        <div class="featured-text text-center text-lg-right">
+                            <h4>Blog</h4>
+                            <a class="btn btn-dark btn-sm" href="/blog">View All Blog Posts</a>
+                        </div>
+                    </div>
+                    <div class="col-xl-8 col-lg-7"><img class="img-fluid mb-3 mb-lg-0" src="images/section-headings/blog.jpg" alt="blog" /></div>
+                </div>
+                {{ blog_html | safe }}
+
+                {% endif %}
+
             </div>
         </section>
 

diff --git a/grayscale/metadata.yml b/grayscale/metadata.yml
@@ -0,0 +1,43 @@
+created: 2022-4-22
+ezcv_version: 0.3.0
+folder: grayscale
+name: grayscale
+sections:
+  blog:
+    feed: true
+    overview: true
+    single: true
+    type: blog
+  education:
+    fields:
+      current: bool
+      institution: str
+      title: str
+      year_ended: int
+      year_started: int
+    type: markdown
+  projects:
+    fields:
+      image: str
+      link: str
+      title: str
+    type: markdown
+  volunteering_experience:
+    fields:
+      company: str
+      current: bool
+      month_started: str
+      role: str
+      year_ended: int
+      year_started: int
+    type: markdown
+  work_experience:
+    fields:
+      company: str
+      current: bool
+      month_started: str
+      role: str
+      year_ended: int
+      year_started: int
+    type: markdown
+updated: 2022-4-22
diff --git a/grayscale/sections/blog/feed.jinja b/grayscale/sections/blog/feed.jinja
@@ -0,0 +1,18 @@
+<!--TODO-->
+
+{% for post in blog %}
+<div class="{{ loop.cycle('row gx-0 mb-5 mb-lg-0 justify-content-center', 'row gx-0 justify-content-center') }}">
+        <div class="col-lg-12 ">
+        <div class="bg-black text-center h-100 project">
+                <div class="d-flex h-100">
+                <div class="project-text w-100 my-auto text-center ">
+                        <h4 class="text-white">{{ post[0]["title"] }}</h4>
+                        <h6 class="text-white">Created: {{ post[0]["created"] }} <br>Updated: {{ post[0]["updated"] }}</h6>
+                        <a class="text-white btn btn-dark" href="/{{ post[0]['title'] }}"><h6>Click to view</h6></a>
+                        <hr class="d-none d-lg-block mb-0 ms-0" />
+                </div>
+                </div>
+        </div>
+        </div>
+</div>
+{% endfor %}
diff --git a/grayscale/sections/blog/overview.jinja b/grayscale/sections/blog/overview.jinja
@@ -0,0 +1,101 @@
+<!--TODO-->
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+        <meta name="description" content="" />
+        <meta name="author" content="" />
+        <title>{{ config["name"] }} | blog</title>
+        <link rel="icon" type="image/x-icon" href="images/favicon.png" />
+        <!--highlightjs-->
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/monokai_sublime.css">
+        <script defer src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
+        <!-- Font Awesome icons (free version)-->
+        <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
+        <!-- Google fonts-->
+        <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
+        <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
+        <!-- Core theme CSS (includes Bootstrap)-->
+        <link href="css/styles.css" rel="stylesheet" />
+        {% if config["ua_code"] %}
+            <!-- Global site tag (gtag.js) - Google Analytics -->
+            <script async src="https://www.googletagmanager.com/gtag/js?id={{config['ua_code']}}"></script>
+            <script>
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+            gtag('config', '{{config["ua_code"]}}');
+            </script>
+        {% endif %}
+    </head>
+
+    {% if config["background"] %}
+    <style>
+    .masthead {
+        position: relative;
+        width: 100%;
+        height: auto;
+        min-height: 35rem;
+        padding: 15rem 0;
+        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 75%, #000 100%), url("{{ config['background'] | get_image_path }}");
+        background-position: center;
+        background-repeat: no-repeat;
+        background-attachment: scroll;
+        background-size: cover;
+    }
+    </style>
+    {% endif %}
+
+<body id="page-top">
+        <!-- Navigation-->
+        <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+            <div class="container px-4 px-lg-5">
+                <a class="navbar-brand" href="/">{{ config["name"] }}</a>
+                <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+                    Menu
+                    <i class="fas fa-bars"></i>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarResponsive">
+                    <ul class="navbar-nav ms-auto">
+                    {% if projects_html%}
+                        <li class="nav-item"><a class="nav-link" href="/#projects">Projects</a></li>
+                    {%endif%}
+
+                    {% if work_experience_html %}
+                        <li class="nav-item"><a class="nav-link" href="/#work-experience">Work Experience</a></li>
+                    {%endif%}
+
+                    {% if volunteering_experience_html %}
+                        <li class="nav-item"><a class="nav-link" href="/#volunteering-experience">Volunteering Experience</a></li>
+                    {%endif%}
+
+                    {% if education_html %}
+                        <li class="nav-item"><a class="nav-link" href="/#education">Education</a></li>
+                    {%endif%}
+
+                    {% if blog_html %}
+                        <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                    {% endif %}
+                    </ul>
+                </div>
+            </div>
+        </nav>
+        <!-- Masthead-->
+        <header class="masthead">
+            <div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
+                <div class="d-flex justify-content-center">
+                    <div class="text-center">
+                        <h1 class="mx-auto my-0 text-uppercase">{{ config["name"] }} | Blog</h1>
+                    </div>
+                </div>
+            </div>
+        </header>
+            <div class="container px-10 px-lg-10">
+                {{ blog_html | safe }}
+            </div>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+
+</html>