Changed: Project List && Changed: Project Sites

layouts/index.html

@@ -1,20 +1,18 @@
 {{ partial "header" . }}
 
 <main class = "content-box">
-
     <div class="intro">
-
         <div class="avatar">
-            <img class="img-responsive" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.logo }}" alt="Whoopsies, this is my bad side!" style = "margin: 0 auto;">
+            <img class="img-responsive" src="/img/favicon/logo_256x256.png" alt="Logo no found" style = "margin: 0 auto;">
-            <h1>{{ .Title }}</h1>
+            <h1>{{ .Site.Title }}</h1>
         </div>
-        
-        
         <div style = "margin-top: 50px">
-            <h2>{{ .Site.Params.description }}</h2>
+            <h2>{{ .Site.Params.Description }}</h2>
         </div>
+        <br>
+        <br>  
+        <div class="text-justify">{{ .Content }}</div>
     </div>
-
 </main>
 
 {{ partial "footer" . }}

layouts/partials/header-project.html

@@ -8,12 +8,13 @@
             {{ printf "https://gitlab.com/%s/%s/" $.Site.Params.gitlabUsername . | $.Scratch.Set "link" }}
         {{ end }}
     {{ end }}
-    {{ with .Params.link }} {{ $.Scratch.Set "link" . }} {{ end }}
     {{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
 
-
+    <a href="{{ .Scratch.Get "link" }}">
-    <h4><a href="{{ .Scratch.Get "link" }}">{{ .Title }}</a></h4>
+        <img class="logo" src="../{{ .Params.logo }}">
-    <h5>{{ $.Scratch.Get "subtitle" }}</h5>
+        <h1>{{ .Title }}</h1>
+    </a>
+    <h4>{{ $.Scratch.Get "subtitle" }}</h4>
 
     {{ range.Params.categories }}
 

layouts/partials/header.html

@@ -10,11 +10,11 @@
         <link href="{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
 
 	    <!-- Favicons - https://realfavicongenerator.net/ -->
-		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+		<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png">
-		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
-		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
-		<link rel="manifest" href="/site.webmanifest">
+		<link rel="manifest" href="/img/favicon/site.webmanifest">
-		<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00d4aa">
+		<link rel="mask-icon" href="/img/favicon/safari-pinned-tab.svg" color="#00d4aa">
 		<meta name="msapplication-TileColor" content="#3c474d">
 		<meta name="theme-color" content="#3c474d">
     </head>

layouts/partials/list-item-project.html

@@ -1,21 +1,23 @@
 <div class="list-item">
-    {{ with .Permalink }} {{ $.Scratch.Set "link" . }} {{ end }}
+    <div class="list-logo">
-
+        <a href="{{ .Permalink }}">
-    {{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
+            <img src="{{ .Params.logo }}">
-    {{ with .ReadingTime }} {{ $.Scratch.Set "read_time" . }} {{ end }}
+        </a>
-    
+    </div>
-
+    <div class="list-content">
-    <h4><a href="{{ .Scratch.Get "link" }}">{{ .Title }}</a></h4>
+        <a href="{{ .Permalink }}">
-    <h5>{{ $.Scratch.Get "subtitle" }}</h5>
+            <h4>{{ .Title }}</h4>
-    {{ range.Params.categories }}
+        </a>
-        <a href="{{"/categories/"|relLangURL }}{{.|urlize}}">
+        <h5>{{ .Description }}</h5>
-        <kbd class="item-cat"> {{ . }} </kbd>
+        {{ range.Params.categories }}
-    </a>
+            <a href="{{"/categories/"|relLangURL }}{{.|urlize}}">
-    {{ end }}
+            <kbd class="item-cat"> {{ . }} </kbd>
-    {{ range .Params.tags }}
+        </a>
-    <a href="{{"/tags/"|relLangURL }}{{.|urlize}}">
+        {{ end }}
-        <kbd class="item-tag"> {{ . }} </kbd>
+        {{ range .Params.tags }}
-    </a>
+        <a href="{{"/tags/"|relLangURL }}{{.|urlize}}">
-    {{ end }}
+            <kbd class="item-tag"> {{ . }} </kbd>
-
+        </a>
+        {{ end }}
+    </div>
 </div>

static/css/main.css

@@ -18,13 +18,11 @@ main {
 }
 
 /*footer*/
-
 .copyright {
     margin: 15px 0;
 }
 
 /*home page*/
-
 .intro {
    /* transform: translateY(80%); */
 }
@@ -46,7 +44,6 @@ main {
 }
 
 /*apply accent colour to links*/
-
 a:link, a:visited {
     color: #555555;
 }
@@ -66,7 +63,6 @@ a:link, a:visited {
 
 
 /*paginator at bottom of list view*/
-
 .pages {
     padding: 15px 0;
 }
@@ -76,9 +72,10 @@ a:link, a:visited {
 }
 
 /*list item for posts and projects*/
-
+.list-item {
-.item {
+    display: flex;
-    padding: 10px 0;
+    padding-top: 5px;
+    margin-top: 10px;
 }
 
 .item-cat {
@@ -97,8 +94,22 @@ a:link, a:visited {
     list-style-type: none;
 }
 
-/*navigation bar icons*/
+.list-logo {
+    flex: 0 0 20%;
+}
 
+.list-content {
+    text-align: left;
+    margin-left: 10px;
+    flex: 1;
+}
+
+/* project sites */
+.item-header .logo {
+    width: 150px;
+}
+
+/*navigation bar icons*/
 .navbar-icon {
     font-size: 120%;
     display: inline-block !important;
@@ -202,7 +213,3 @@ img {
     background-color: var(--accent) !important;
     color: #f8f8f8 !important;
 }
-.list-item {
-    padding-top: 5px;
-    margin-top: 10px;
-}