beautify portfolio

assets/css/elements/page-links.scss

@@ -28,6 +28,7 @@
     .page-link {
 	line-height: $ascii-line-height-mobile;
 	white-space: pre-line;
+	margin-bottom: 5px;
 
     }
     .page-list{

content/posts/_index.md

@@ -1,4 +0,0 @@
----
-title: "Blog"
-date: 2021-06-06
----

layouts/partials/sidebar.html

@@ -5,7 +5,7 @@
 		</div>
 		<div>
 			<ul class="recent-list">
-				{{ range first 5 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
+				{{ range first 5 (where .Site.Pages "Type" "post") }}
 				<li class="recent-block recent-block--right">
 					<a  href="{{ .RelPermalink }}">{{ .Title }}</a> <br>
 					<time class="recent-block__time">{{ .Date.Format "02.01.2006" }}</time>

layouts/portfolio/list.html

@@ -21,10 +21,10 @@
 
 {{ partial "header" . }}
 <main id="main">
-  <div>
+  <ul class="portfolio">
   {{ range .Pages }}
     {{ .Render "summary"}}
   {{ end }}
-  </div>
+  </ul>
 </main>
 {{ partial "footer" . }}

layouts/portfolio/summary.html

@@ -1,9 +1,11 @@
-<article class="recent-block recent-block--right">
-	<div>
-		<a class="article__link" href="{{ .Permalink }}">{{ .Title }}</a>
-	</div>
+<li class="project">
+	<h2>
+		<a class="project-name" href="{{ .Permalink }}">{{ .Title }}</a>
+	</h2>
+	<p class="project-description">{{.Description}}</p>
 	<time class="recent-block__time">{{ .Date.Format "02.01.2006 15:04" }}</time>
+	
 	{{ range .Params.tags }}
 	<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
 	{{ end }}
-</article>
+</li>

resources/_gen/assets/scss/css/basic.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -133,7 +133,8 @@ p code, quote code, q code {
 @media screen and (max-width: 420px) {
   .page-link {
     line-height: 1.112em;
-    white-space: pre-line; }
+    white-space: pre-line;
+    margin-bottom: 5px; }
   .page-list {
     flex-direction: column;
     align-items: center;