diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 1ae76be..d81b55e 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,21 +1,212 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     {{partial "head" .}}
 </head>
+
 <body>
     {{partial "header" .}}
+    {{partial "banner" .}}
+    <svg style="display:none;">
+        <symbol id="shrink" viewBox="0 0 200 200">
+
+
+            <g>
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="M 71.298823,69.935263 H -0.03828632 V 47.871962 H 48.197793 V 0.02489375 h 23.10103 z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="M 130.09,71.338352 V 0.0012511 h 22.0633 V 48.237331 h 47.84706 v 23.101021 z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="m 128.67057,130.06552 h 71.3371 v 22.0633 H 151.7716 v 47.84707 h -23.10103 z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="m 69.879393,128.66243 v 71.3371 H 47.816094 V 151.76345 H -0.03097146 v -23.10102 z" />
+            </g>
+        </symbol>
+        <symbol id="loop" viewBox="0 0 200 200">
+
+
+            <g>
+                <ellipse
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
+                    cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:12.8675;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 162.21491,61.314175 A 74.835358,74.835358 0 0 1 154.64285,152.9351 74.835358,74.835358 0 0 1 63.965737,168.08076 74.835358,74.835358 0 0 1 27.028787,83.894118 74.835358,74.835358 0 0 1 99.575333,27.425293" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke-width:1.03207;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 98.430641,10.898139 V 44.814313 L 123.1298,27.657939 Z" />
+            </g>
+        </symbol>
+        <symbol id="substack" viewBox="0 0 200 200">
+
+
+            <g>
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 35.819292,74.079299 H 164.18071" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 35.891493,29.66426 H 164.25291" />
+                <path
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:6.14662;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-opacity:1"
+                    d="M 24.935915,106.69884 H 175.06409 v 84.5545 l -74.82841,-43.26855 -75.299765,43.26855 z" />
+            </g>
+        </symbol>
+        <symbol id="expand" viewBox="0 0 200 200">
+
+
+            <g>
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="M -0.03828632,0.02489375 H 71.298823 V 22.088195 H 23.062744 V 69.935263 H -0.03828632 Z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="M 200.00036,0.0012511 V 71.338352 h -22.0633 V 23.102272 H 130.09 V 0.0012511 Z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="m 200.00767,199.97589 h -71.3371 v -22.0633 h 48.23607 v -47.84707 h 23.10103 z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="m -0.03097146,199.99953 v -71.3371 H 22.032328 v 48.23608 h 47.847065 v 23.10102 z" />
+            </g>
+        </symbol>
+        <symbol id="pause" viewBox="0 0 200 200">
+
+
+            <g>
+                <ellipse
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
+                    cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
+                <rect
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    width="34.369987" height="121.93053" x="57.219501" y="42.457039" />
+                <rect
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    width="34.369987" height="121.93053" x="115.24053" y="42.650131" />
+            </g>
+        </symbol>
+        <symbol id="link" viewBox="0 0 200 200">
+
+
+            <g>
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="m 124.73051,54.085411 32.40251,-37.913745 c 14.1507,-16.55752582 47.43594,12.112318 33.3954,28.540963 L 121.22371,125.80514 C 106.92066,142.54096 73.29526,114.26912 87.828318,97.264184 L 97.64213,85.781162" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 82.334206,140.08015 49.931702,177.99389 C 35.780999,194.55141 2.4957562,165.88157 16.536295,149.45293 L 85.841002,68.360413 C 100.14406,51.624595 133.76946,79.896436 119.2364,96.901374 l -9.81381,11.483016" />
+            </g>
+        </symbol>
+        <symbol id="btc" viewBox="0 0 200 200">
+
+
+            <g>
+                <circle
+                    style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:8;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    cx="100" cy="100" r="92.324692" />
+                <text xml:space="preserve"
+                    style="font-weight:bold;font-size:179.605px;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans Bold';text-align:center;text-anchor:middle;opacity:0.99;fill-opacity:1;stroke:none;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    x="83.549644" y="186.25789" transform="rotate(-15.468221)">
+                    <tspan style="fill-opacity:1;stroke:none;stroke-width:4;stroke-dasharray:none" x="83.549644"
+                        y="186.25789">B</tspan>
+                </text>
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="9.3419447" height="15.677465" x="43.400417" y="47.026237" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="9.3419447" height="15.677465" x="66.457565" y="47.152031" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="9.3419447" height="15.677465" x="43.380985" y="186.2144" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="9.3419447" height="15.677465" x="66.41478" y="186.15088" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="28.949465" height="19.075401" x="22.285784" y="167.17883" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="28.949465" height="19.075401" x="23.174849" y="62.679756" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+            </g>
+        </symbol>
+        <symbol id="rss" viewBox="0 0 200 200">
+
+
+            <g>
+                <rect
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:5.45099;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="193.26019" height="193.26019" x="3.3699021" y="3.3699021" ry="30.002089" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke-width:4.99999;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="m 25.944181,155.41081 a 26.28293,26.28293 0 0 1 26.42547,-26.09156 26.28293,26.28293 0 0 1 26.139523,26.37803 26.28293,26.28293 0 0 1 -26.330502,26.1874 26.28293,26.28293 0 0 1 -26.235185,-26.28289" />
+                <path
+                    style="opacity:0.99;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
+                    d="m 28.637164,75.172279 c -0.900788,0 0,18.954039 0,18.954039 0,0 33.553756,2.826066 57.320652,26.592962 25.956314,25.95631 22.707424,64.01135 22.707424,64.01135 h 19.95267 c 0,0 -1.62239,-51.39849 -28.14709,-77.92319 C 79.262441,85.599061 54.800874,75.172279 28.637164,75.172279 Z" />
+                <path
+                    style="opacity:0.99;stroke-width:5.88811;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
+                    d="m 30.597006,21.978507 v 23.437232 c 0,0 55.693972,5.054483 88.892344,38.252831 38.87023,38.87021 36.05298,99.58282 36.05298,99.58282 h 22.22907 c 0,0 -0.46149,-73.73327 -41.43329,-114.705068 C 99.709109,31.917324 30.597006,21.978507 30.597006,21.978507 Z" />
+            </g>
+        </symbol>
+        <symbol id="play" viewBox="0 0 200 200">
+
+
+            <g>
+                <ellipse
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
+                    cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="m 68.503477,169.27357 c -5.757834,-3.32429 -4.829598,-135.759422 0,-138.547791 5.258545,-3.036022 106.900773,62.443169 106.900773,71.382371 0,9.46586 -101.820676,70.09842 -106.900773,67.16542 z" />
+            </g>
+        </symbol>
+        <symbol id="tag" viewBox="0 0 200 200">
+
+
+            <g>
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="m 6.281763,111.86211 c 0,12.99786 67.485752,80.84067 77.193916,80.84067 9.757909,0 74.315171,-70.29527 89.112641,-85.09274 6.99227,-6.99228 6.83158,-88.060832 6.83158,-88.060832 0,0 -77.7666,3.606593 -84.025496,7.220168 C 76.605972,37.616882 6.281763,99.864196 6.281763,111.86211 Z" />
+                <circle
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    cx="138.22505" cy="-78.649734" r="10.656578" transform="rotate(46.321904)" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="m 32.307964,111.18133 59.64203,59.64203 z" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 45.070354,98.671666 104.71238,158.3137 Z" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="m 57.643191,85.97246 59.642029,59.64203 z" />
+            </g>
+        </symbol>
+    </svg>
     <main>
-            <section>
-                {{if .Content}}
-                    {{.Content}}
-                {{end}}
+        <section>
+            {{if .Content}}
+            {{.Content}}
+            {{end}}
+            <div id='content-list'>
                 {{ if .Pages }}
-            {{range .Pages}}
-            {{partial "item" .}}
-            {{end}}
-            {{end}}
-            </section>
+                {{range .Pages}}
+                {{partial "item" .}}
+                {{end}}
+                {{end}}
+            </div>
+
+        </section>
     </main>
     {{partial "footer" .}}
 </body>
diff --git a/layouts/_default/rss.xml b/layouts/_default/rss.xml
index 84e1551..65f47fd 100644
--- a/layouts/_default/rss.xml
+++ b/layouts/_default/rss.xml
@@ -22,7 +22,7 @@
 		<enclosure url="{{.Site.BaseURL}}{{.Params.audio}}" />
 		{{end}}{{ if .Params.image}}
 		<image>{{.Site.BaseURL}}{{.Params.image}}</image>{{end}}
-		<description>{{ .Summary | html}}</description>
+		<description>{{- .Content | html -}}</description>
 	</item>{{ end }}
 	</channel>
 </rss>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 0c6b8bf..ecd8a19 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -5,11 +5,195 @@
     </head>
     <body>
         {{partial "header" .}}
+        {{partial "banner-item" .}}
+        <svg style="display:none;">
+            <symbol id="shrink" viewBox="0 0 200 200">
+    
+    
+                <g>
+                    <path
+                        style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                        d="M 71.298823,69.935263 H -0.03828632 V 47.871962 H 48.197793 V 0.02489375 h 23.10103 z" />
+                    <path
+                        style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                        d="M 130.09,71.338352 V 0.0012511 h 22.0633 V 48.237331 h 47.84706 v 23.101021 z" />
+                    <path
+                        style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                        d="m 128.67057,130.06552 h 71.3371 v 22.0633 H 151.7716 v 47.84707 h -23.10103 z" />
+                    <path
+                        style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                        d="m 69.879393,128.66243 v 71.3371 H 47.816094 V 151.76345 H -0.03097146 v -23.10102 z" />
+                </g>
+            </symbol>
+            <symbol id="loop" viewBox="0 0 200 200">
+    
+    
+                <g>
+                    <ellipse
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
+                        cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
+                    <path
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:12.8675;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        d="M 162.21491,61.314175 A 74.835358,74.835358 0 0 1 154.64285,152.9351 74.835358,74.835358 0 0 1 63.965737,168.08076 74.835358,74.835358 0 0 1 27.028787,83.894118 74.835358,74.835358 0 0 1 99.575333,27.425293" />
+                    <path
+                        style="opacity:0.99;fill-opacity:0.992157;stroke-width:1.03207;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        d="M 98.430641,10.898139 V 44.814313 L 123.1298,27.657939 Z" />
+                </g>
+            </symbol>
+            <symbol id="substack" viewBox="0 0 200 200">
+    
+    
+                <g>
+                    <path
+                        style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        d="M 35.819292,74.079299 H 164.18071" />
+                    <path
+                        style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        d="M 35.891493,29.66426 H 164.25291" />
+                    <path
+                        style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:6.14662;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-opacity:1"
+                        d="M 24.935915,106.69884 H 175.06409 v 84.5545 l -74.82841,-43.26855 -75.299765,43.26855 z" />
+                </g>
+            </symbol>
+            <symbol id="expand" viewBox="0 0 200 200">
+    
+    
+                <g>
+                    <path
+                        style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                        d="M -0.03828632,0.02489375 H 71.298823 V 22.088195 H 23.062744 V 69.935263 H -0.03828632 Z" />
+                    <path
+                        style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                        d="M 200.00036,0.0012511 V 71.338352 h -22.0633 V 23.102272 H 130.09 V 0.0012511 Z" />
+                    <path
+                        style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                        d="m 200.00767,199.97589 h -71.3371 v -22.0633 h 48.23607 v -47.84707 h 23.10103 z" />
+                    <path
+                        style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                        d="m -0.03097146,199.99953 v -71.3371 H 22.032328 v 48.23608 h 47.847065 v 23.10102 z" />
+                </g>
+            </symbol>
+            <symbol id="pause" viewBox="0 0 200 200">
+    
+    
+                <g>
+                    <ellipse
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
+                        cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
+                    <rect
+                        style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                        width="34.369987" height="121.93053" x="57.219501" y="42.457039" />
+                    <rect
+                        style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                        width="34.369987" height="121.93053" x="115.24053" y="42.650131" />
+                </g>
+            </symbol>
+            <symbol id="link" viewBox="0 0 200 200">
+    
+    
+                <g>
+                    <path
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        d="m 124.73051,54.085411 32.40251,-37.913745 c 14.1507,-16.55752582 47.43594,12.112318 33.3954,28.540963 L 121.22371,125.80514 C 106.92066,142.54096 73.29526,114.26912 87.828318,97.264184 L 97.64213,85.781162" />
+                    <path
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        d="M 82.334206,140.08015 49.931702,177.99389 C 35.780999,194.55141 2.4957562,165.88157 16.536295,149.45293 L 85.841002,68.360413 C 100.14406,51.624595 133.76946,79.896436 119.2364,96.901374 l -9.81381,11.483016" />
+                </g>
+            </symbol>
+            <symbol id="btc" viewBox="0 0 200 200">
+    
+    
+                <g>
+                    <circle
+                        style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:8;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        cx="100" cy="100" r="92.324692" />
+                    <text xml:space="preserve"
+                        style="font-weight:bold;font-size:179.605px;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans Bold';text-align:center;text-anchor:middle;opacity:0.99;fill-opacity:1;stroke:none;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        x="83.549644" y="186.25789" transform="rotate(-15.468221)">
+                        <tspan style="fill-opacity:1;stroke:none;stroke-width:4;stroke-dasharray:none" x="83.549644"
+                            y="186.25789">B</tspan>
+                    </text>
+                    <rect
+                        style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        width="9.3419447" height="15.677465" x="43.400417" y="47.026237" rx="0" ry="0"
+                        transform="rotate(-15.468221)" />
+                    <rect
+                        style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        width="9.3419447" height="15.677465" x="66.457565" y="47.152031" rx="0" ry="0"
+                        transform="rotate(-15.468221)" />
+                    <rect
+                        style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        width="9.3419447" height="15.677465" x="43.380985" y="186.2144" rx="0" ry="0"
+                        transform="rotate(-15.468221)" />
+                    <rect
+                        style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        width="9.3419447" height="15.677465" x="66.41478" y="186.15088" rx="0" ry="0"
+                        transform="rotate(-15.468221)" />
+                    <rect
+                        style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        width="28.949465" height="19.075401" x="22.285784" y="167.17883" rx="0" ry="0"
+                        transform="rotate(-15.468221)" />
+                    <rect
+                        style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        width="28.949465" height="19.075401" x="23.174849" y="62.679756" rx="0" ry="0"
+                        transform="rotate(-15.468221)" />
+                </g>
+            </symbol>
+            <symbol id="rss" viewBox="0 0 200 200">
+    
+    
+                <g>
+                    <rect
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:5.45099;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        width="193.26019" height="193.26019" x="3.3699021" y="3.3699021" ry="30.002089" />
+                    <path
+                        style="opacity:0.99;fill-opacity:0.992157;stroke-width:4.99999;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        d="m 25.944181,155.41081 a 26.28293,26.28293 0 0 1 26.42547,-26.09156 26.28293,26.28293 0 0 1 26.139523,26.37803 26.28293,26.28293 0 0 1 -26.330502,26.1874 26.28293,26.28293 0 0 1 -26.235185,-26.28289" />
+                    <path
+                        style="opacity:0.99;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
+                        d="m 28.637164,75.172279 c -0.900788,0 0,18.954039 0,18.954039 0,0 33.553756,2.826066 57.320652,26.592962 25.956314,25.95631 22.707424,64.01135 22.707424,64.01135 h 19.95267 c 0,0 -1.62239,-51.39849 -28.14709,-77.92319 C 79.262441,85.599061 54.800874,75.172279 28.637164,75.172279 Z" />
+                    <path
+                        style="opacity:0.99;stroke-width:5.88811;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
+                        d="m 30.597006,21.978507 v 23.437232 c 0,0 55.693972,5.054483 88.892344,38.252831 38.87023,38.87021 36.05298,99.58282 36.05298,99.58282 h 22.22907 c 0,0 -0.46149,-73.73327 -41.43329,-114.705068 C 99.709109,31.917324 30.597006,21.978507 30.597006,21.978507 Z" />
+                </g>
+            </symbol>
+            <symbol id="play" viewBox="0 0 200 200">
+    
+    
+                <g>
+                    <ellipse
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
+                        cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
+                    <path
+                        style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                        d="m 68.503477,169.27357 c -5.757834,-3.32429 -4.829598,-135.759422 0,-138.547791 5.258545,-3.036022 106.900773,62.443169 106.900773,71.382371 0,9.46586 -101.820676,70.09842 -106.900773,67.16542 z" />
+                </g>
+            </symbol>
+            <symbol id="tag" viewBox="0 0 200 200">
+    
+    
+                <g>
+                    <path
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        d="m 6.281763,111.86211 c 0,12.99786 67.485752,80.84067 77.193916,80.84067 9.757909,0 74.315171,-70.29527 89.112641,-85.09274 6.99227,-6.99228 6.83158,-88.060832 6.83158,-88.060832 0,0 -77.7666,3.606593 -84.025496,7.220168 C 76.605972,37.616882 6.281763,99.864196 6.281763,111.86211 Z" />
+                    <circle
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        cx="138.22505" cy="-78.649734" r="10.656578" transform="rotate(46.321904)" />
+                    <path
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        d="m 32.307964,111.18133 59.64203,59.64203 z" />
+                    <path
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        d="M 45.070354,98.671666 104.71238,158.3137 Z" />
+                    <path
+                        style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                        d="m 57.643191,85.97246 59.642029,59.64203 z" />
+                </g>
+            </symbol>
+        </svg>
         <main>
             <article>
-                <section>
-                    {{.Content}}
-                </section>
+                {{.Content}}
                 {{ if .Params.author}}
                 <hr>
                 <section>
diff --git a/layouts/index.html b/layouts/index.html
index 166173b..a9cdf7c 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,32 +1,204 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     {{partial "head" .}}
 </head>
+
 <body>
     {{partial "header" .}}
+    {{partial "banner" .}}
+    <svg style="display:none;">
+        <symbol id="shrink" viewBox="0 0 200 200">
+
+
+            <g>
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="M 71.298823,69.935263 H -0.03828632 V 47.871962 H 48.197793 V 0.02489375 h 23.10103 z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="M 130.09,71.338352 V 0.0012511 h 22.0633 V 48.237331 h 47.84706 v 23.101021 z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="m 128.67057,130.06552 h 71.3371 v 22.0633 H 151.7716 v 47.84707 h -23.10103 z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="m 69.879393,128.66243 v 71.3371 H 47.816094 V 151.76345 H -0.03097146 v -23.10102 z" />
+            </g>
+        </symbol>
+        <symbol id="loop" viewBox="0 0 200 200">
+
+
+            <g>
+                <ellipse
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
+                    cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:12.8675;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 162.21491,61.314175 A 74.835358,74.835358 0 0 1 154.64285,152.9351 74.835358,74.835358 0 0 1 63.965737,168.08076 74.835358,74.835358 0 0 1 27.028787,83.894118 74.835358,74.835358 0 0 1 99.575333,27.425293" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke-width:1.03207;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 98.430641,10.898139 V 44.814313 L 123.1298,27.657939 Z" />
+            </g>
+        </symbol>
+        <symbol id="substack" viewBox="0 0 200 200">
+
+
+            <g>
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 35.819292,74.079299 H 164.18071" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 35.891493,29.66426 H 164.25291" />
+                <path
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:6.14662;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-opacity:1"
+                    d="M 24.935915,106.69884 H 175.06409 v 84.5545 l -74.82841,-43.26855 -75.299765,43.26855 z" />
+            </g>
+        </symbol>
+        <symbol id="expand" viewBox="0 0 200 200">
+
+
+            <g>
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="M -0.03828632,0.02489375 H 71.298823 V 22.088195 H 23.062744 V 69.935263 H -0.03828632 Z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="M 200.00036,0.0012511 V 71.338352 h -22.0633 V 23.102272 H 130.09 V 0.0012511 Z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="m 200.00767,199.97589 h -71.3371 v -22.0633 h 48.23607 v -47.84707 h 23.10103 z" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="m -0.03097146,199.99953 v -71.3371 H 22.032328 v 48.23608 h 47.847065 v 23.10102 z" />
+            </g>
+        </symbol>
+        <symbol id="pause" viewBox="0 0 200 200">
+
+
+            <g>
+                <ellipse
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
+                    cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
+                <rect
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    width="34.369987" height="121.93053" x="57.219501" y="42.457039" />
+                <rect
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    width="34.369987" height="121.93053" x="115.24053" y="42.650131" />
+            </g>
+        </symbol>
+        <symbol id="link" viewBox="0 0 200 200">
+
+
+            <g>
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="m 124.73051,54.085411 32.40251,-37.913745 c 14.1507,-16.55752582 47.43594,12.112318 33.3954,28.540963 L 121.22371,125.80514 C 106.92066,142.54096 73.29526,114.26912 87.828318,97.264184 L 97.64213,85.781162" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 82.334206,140.08015 49.931702,177.99389 C 35.780999,194.55141 2.4957562,165.88157 16.536295,149.45293 L 85.841002,68.360413 C 100.14406,51.624595 133.76946,79.896436 119.2364,96.901374 l -9.81381,11.483016" />
+            </g>
+        </symbol>
+        <symbol id="btc" viewBox="0 0 200 200">
+
+
+            <g>
+                <circle
+                    style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:8;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    cx="100" cy="100" r="92.324692" />
+                <text xml:space="preserve"
+                    style="font-weight:bold;font-size:179.605px;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans Bold';text-align:center;text-anchor:middle;opacity:0.99;fill-opacity:1;stroke:none;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    x="83.549644" y="186.25789" transform="rotate(-15.468221)">
+                    <tspan style="fill-opacity:1;stroke:none;stroke-width:4;stroke-dasharray:none" x="83.549644"
+                        y="186.25789">B</tspan>
+                </text>
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="9.3419447" height="15.677465" x="43.400417" y="47.026237" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="9.3419447" height="15.677465" x="66.457565" y="47.152031" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="9.3419447" height="15.677465" x="43.380985" y="186.2144" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="9.3419447" height="15.677465" x="66.41478" y="186.15088" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="28.949465" height="19.075401" x="22.285784" y="167.17883" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+                <rect
+                    style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="28.949465" height="19.075401" x="23.174849" y="62.679756" rx="0" ry="0"
+                    transform="rotate(-15.468221)" />
+            </g>
+        </symbol>
+        <symbol id="rss" viewBox="0 0 200 200">
+
+
+            <g>
+                <rect
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:5.45099;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    width="193.26019" height="193.26019" x="3.3699021" y="3.3699021" ry="30.002089" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke-width:4.99999;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="m 25.944181,155.41081 a 26.28293,26.28293 0 0 1 26.42547,-26.09156 26.28293,26.28293 0 0 1 26.139523,26.37803 26.28293,26.28293 0 0 1 -26.330502,26.1874 26.28293,26.28293 0 0 1 -26.235185,-26.28289" />
+                <path
+                    style="opacity:0.99;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
+                    d="m 28.637164,75.172279 c -0.900788,0 0,18.954039 0,18.954039 0,0 33.553756,2.826066 57.320652,26.592962 25.956314,25.95631 22.707424,64.01135 22.707424,64.01135 h 19.95267 c 0,0 -1.62239,-51.39849 -28.14709,-77.92319 C 79.262441,85.599061 54.800874,75.172279 28.637164,75.172279 Z" />
+                <path
+                    style="opacity:0.99;stroke-width:5.88811;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
+                    d="m 30.597006,21.978507 v 23.437232 c 0,0 55.693972,5.054483 88.892344,38.252831 38.87023,38.87021 36.05298,99.58282 36.05298,99.58282 h 22.22907 c 0,0 -0.46149,-73.73327 -41.43329,-114.705068 C 99.709109,31.917324 30.597006,21.978507 30.597006,21.978507 Z" />
+            </g>
+        </symbol>
+        <symbol id="play" viewBox="0 0 200 200">
+
+
+            <g>
+                <ellipse
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
+                    cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
+                <path
+                    style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+                    d="m 68.503477,169.27357 c -5.757834,-3.32429 -4.829598,-135.759422 0,-138.547791 5.258545,-3.036022 106.900773,62.443169 106.900773,71.382371 0,9.46586 -101.820676,70.09842 -106.900773,67.16542 z" />
+            </g>
+        </symbol>
+        <symbol id="tag" viewBox="0 0 200 200">
+
+
+            <g>
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="m 6.281763,111.86211 c 0,12.99786 67.485752,80.84067 77.193916,80.84067 9.757909,0 74.315171,-70.29527 89.112641,-85.09274 6.99227,-6.99228 6.83158,-88.060832 6.83158,-88.060832 0,0 -77.7666,3.606593 -84.025496,7.220168 C 76.605972,37.616882 6.281763,99.864196 6.281763,111.86211 Z" />
+                <circle
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    cx="138.22505" cy="-78.649734" r="10.656578" transform="rotate(46.321904)" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="m 32.307964,111.18133 59.64203,59.64203 z" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="M 45.070354,98.671666 104.71238,158.3137 Z" />
+                <path
+                    style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
+                    d="m 57.643191,85.97246 59.642029,59.64203 z" />
+            </g>
+        </symbol>
+    </svg>
     <main>
+
         <section id="main-content">
             <article>
                 {{.Content}}
             </article>
-            {{ if .Site.Data.details.social_links}}
-            <hr>
-            <div>
-                <h2>Stay up to date</h2>
-                <div id="social-links">
-                    {{range .Site.Data.details.social_links}}
-                    <div class="social-link">
-                        <a href="{{.href}}">
-                            <img src="{{.img}}">
-                        </a>
-                        <a href="{{.href}}"><strong>{{.title}}</strong></a>
-                    </div>
-                    {{end}}
-                </div>
-
-            </div>
-            {{end}}
         </section>
         <section id="sidebar">
             {{partial "sidebar" .}}
diff --git a/layouts/partials/banner-item.html b/layouts/partials/banner-item.html
new file mode 100644
index 0000000..1587005
--- /dev/null
+++ b/layouts/partials/banner-item.html
@@ -0,0 +1,8 @@
+{{if .Params.image }}
+<section id="banner" style='background-image:url({{.Params.image}});'>
+    <div id="banner-text">
+        <h1>{{.Title}}</h1>
+        <p>{{.Params.description}}</p>
+    </div>
+</section>
+{{end}}
\ No newline at end of file
diff --git a/layouts/partials/banner.html b/layouts/partials/banner.html
new file mode 100644
index 0000000..599c296
--- /dev/null
+++ b/layouts/partials/banner.html
@@ -0,0 +1,14 @@
+{{if .Params.banner}}
+        <section id="banner" style='background-image:url({{.Params.banner}})'>
+            {{if .Params.bannerTitle}}
+            <div id="banner-text">
+                {{if .Params.bannerTitle}}
+                <h1>{{.Params.bannerTitle}}</h1>
+                {{end}}
+            {{if .Params.bannerText}}
+                <p>{{.Params.bannerText}}</p>
+            {{end}}
+            </div>
+            {{end}}
+        </section>
+{{end}}
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 3b3c5a8..a441586 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,6 +1,6 @@
 <title>{{ .Title}}</title>
-<link rel="stylesheet" href="{{.Site.BaseURL}}css/theme.css">
-<link rel="stylesheet" href="{{.Site.BaseURL}}style.css">
+<link rel="stylesheet" href="{{.Site.BaseURL}}/css/theme.css">
+<link rel="stylesheet" href="{{.Site.BaseURL}}/style.css">
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="title" content="{{ .Site.Title }}">
@@ -15,28 +15,17 @@
 <meta property="og:video:url" content="{{.Site.BaseURL}}/embed?v={{.Params.video}}">
 <meta property="og:video:secure_url" content="{{.Site.BaseURL}}/embed?v={{.Params.video}}">
 <meta property="og:type" content="video">	
-<meta name="twitter:player:width" content="480" />
-<meta name="twitter:player:height" content="360" />
 <link rel="alternate" type="application/rss+xml" href="{{.Site.BaseURL}}/index.xml">
-<meta property="twitter:player" content="{{.Site.BaseURL}}/embed?v={{.Params.video}}">
 {{else}}
 {{if .Params.peertubeURL}}
 <meta property="og:video" content="{{.Params.peertubeURL}}">
 {{else}}
 {{if .Params.audioURL}}
-<meta property="og:audio" content="{{.Site.BaseURL}}media/{{.Params.audioURL}}">
+<meta property="og:audio" content="{{.Site.BaseURL}}{{.Params.audioURL}}">
 <meta property="og:type" content="audio">
-{{else}}
-<meta property="og:type" content="website">
-<meta property="twitter:card" content="summary_large_image">
-{{end}}
-{{end}}
-{{end}}
-{{ if .Params.image }}
-<meta property="og:image" content="{{.Site.BaseURL}}media/{{.Params.image}}">
-<meta property="twitter:image" content="{{.Site.BaseURL}}media/{{.Params.image}}">
-{{else}}
-<meta property="og:image" content="{{.Site.BaseURL}}logo.webp">
-<meta property="twitter:image" content="{{.Site.BaseURL}}logo.webp">
+{{else}}<meta property="og:type" content="website">
+{{end}}{{end}}{{end}}{{ if .Params.image }}
+<meta property="og:image" content="{{.Site.BaseURL}}{{.Params.image}}">
+{{else}}<meta property="og:image" content="{{.Site.BaseURL}}logo.webp">
 {{end}}
 
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index b47ddb4..5376d9a 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -12,5 +12,18 @@
         <a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
         {{end}}
     </nav>
+
+    {{ if .Site.Data.details.social_links}}
+        <div id="social-links">
+            {{range .Site.Data.details.social_links}}
+            <div class="social-link">
+                <a href="{{.href}}">
+                    <img src="{{.img}}">
+                </a>
+                <a href="{{.href}}"><strong>{{.title}}</strong></a>
+            </div>
+            {{end}}
+        </div>
+    {{end}}
     
-</header>
\ No newline at end of file
+</header>
diff --git a/layouts/partials/item.html b/layouts/partials/item.html
index a54f798..a6fcdad 100644
--- a/layouts/partials/item.html
+++ b/layouts/partials/item.html
@@ -1,31 +1,21 @@
-<section class="listing">
-        <a href="{{.Permalink}}">
-        {{ if .Params.gif}}
-        <video autoplay loop preload="true">
-            <source src="{{.Site.BaseURL}}{{.Params.gif}}">
-        </video>
-        {{else}}
-        {{ if .Params.video}}
-        <video controls preload="false">
-            <source src="{{.Site.BaseURL}}{{.Params.video}}">
-        </video>
-    {{else}}
-    {{if .Params.image}}
-        <img src="{{.Site.BaseURL}}{{.Params.image}}">
-    {{else}}
-        <img src="{{.Site.BaseURL}}{{.Site.Params.default_img}}">
-    {{end}}
-    {{end}}
-    {{end}}
-    </a>
+<section class="listing" {{if .Params.image}} style="background-image:url({{.Site.BaseURL}}{{.Params.image}}" {{end}}>
+
     
     <div class="listing-text">
     <a href="{{.Permalink}}"  ><h2>{{.Title}}</h2></a>
-    <p>{{.Params.description}}</p>
+    <a href="{{.Permalink}}" class="bare-link">
+        {{.Params.description}}
+    </a>
+    <span></span>
     {{if .GetTerms "tags"}}
     <div class="tags">
         {{ range (.GetTerms "tags")}}
-        <a href="{{.Permalink}}">{{.LinkTitle}}</a>
+        <a href="{{.Permalink}}">
+            <svg class="icon-small">
+                <use href="#tag"></use>
+            </svg>
+            <span>{{.LinkTitle}}</span>
+        </a>
         {{end}}
     </div>
     {{end}}
diff --git a/layouts/partials/metadata.html b/layouts/partials/metadata.html
index 557376c..cfef62b 100644
--- a/layouts/partials/metadata.html
+++ b/layouts/partials/metadata.html
@@ -1,18 +1,29 @@
 <div class="metadata">
+    <div id="info">
+        {{$author := index .Site.Data.details.staff (.Params.author | default "default")}}
         <div>
-            {{$author := index .Site.Data.details.staff (.Params.author | default "default")}}
-            <img src="{{$author.image}}" style="max-width:10rem;border-radius:5rem;">
+            <img src="{{$author.image}}" style="max-width:5rem;border-radius:5rem;">
             <h2>{{$author.name}}</h2>
-            <p>Published: {{.Date | time.Format "Jan 02 2006"}}</p>
         </div>
         <div>
-        <h2>Tags</h2>
-        <div id="tags">
-            {{ range (.GetTerms "tags")}}
-            <a href="{{.Permalink}}">{{.LinkTitle}}</a>
-            {{end}}
-        </div>
+            <p>Published: {{.Date | time.Format "Jan 02 2006"}}
+                {{if .Params.updated}}
+                <br>Published: {{.Params.updated | time.Format "Jan 02 2006"}}
+                {{end}}
+            </p>
+
         </div>
     </div>
+    <div id="tags">
+        {{ range (.GetTerms "tags")}}
+        <a href="{{.Permalink}}" class="tag">
+
+            <svg class="icon">
+                <use href="#tag"></use>
+            </svg><span>
+                {{.LinkTitle}}</span></a>
+        {{end}}
+    </div>
+</div>
 
 </div>
\ No newline at end of file
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 2502e52..45faf1b 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -1,51 +1,14 @@
+{{if .Site.Taxonomies.categories.featured}}
 
-<div class="section-heading">
-    <h1>Recent Content</h1>
-</div>
+<h2 style="text-align:center;width:100%">Featured</h2>
+{{range .Site.Taxonomies.categories.featured.Pages.Reverse}}
+{{ partial "item" .}}
+
+{{end}}
+{{end}}
+
+<h2 style="text-align:center;width:100%">Recent Content</h2>
 {{range first 3 .Site.RegularPages}}
-<section class="recent">
-    <a href="{{.Permalink}}">
-        {{ if .Params.gif}}
-        <video autoplay loop preload="true">
-            <source src="{{.Site.BaseURL}}{{.Params.gif}}">
-        </video>
-        {{else}}
-        {{ if .Params.video}}
-        <video controls preload="false">
-            <source src="{{.Site.BaseURL}}{{.Params.video}}">
-        </video>
-    {{else}}
-    {{if .Params.image}}
-        <img src="{{.Site.BaseURL}}{{.Params.image}}">
-    {{else}}
-        <img src="{{.Site.BaseURL}}{{.Site.Params.default_img}}">
-    </a>
-    {{end}}
-    {{end}}
-    {{end}}
-    </a>
-    <div>
-    <a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
-    <p>{{.Params.description}}</p>
-    </div>
-</section>
+{{ partial "item" .}}
 {{end}}
-{{if .Site.Data.details.featured}}
-<div class="section-heading">
-    <h2>Featured</h2>
-</div>
-{{ range .Site.Data.details.featured}}
-<section class="featured">
-        <a href="{{.href}}">
-            <img src="{{.img}}">
-        </a>
-        <div>
-            <a href="{{.href}}">
-                <h3>{{.title}}</h3>
-            </a>
-            <p>{{.description}}</p>
-        </div>
-        
-</section>
-{{end}}
-{{end}}
\ No newline at end of file
+
diff --git a/layouts/shortcodes/link-preview.html b/layouts/shortcodes/link-preview.html
index af21b5e..8db1d70 100644
--- a/layouts/shortcodes/link-preview.html
+++ b/layouts/shortcodes/link-preview.html
@@ -1,10 +1,7 @@
-<a href="{{ .Get 0 }}" class="link-preview">
-    {{if .Get 3}}
-    <img src='{{.Get 3}}'>
-    {{end}}
-    <div>
+<a href="{{ .Get 0 }}" class="listing" style="background-image:url({{.Get 3}})">
+    <div class="listing-text">
     <h3>{{ .Get 1 }}</h3>
-    <p>{{.Get 2 }}</p>
+    <p class="bare-link">{{.Get 2 }}</p>
     </div>
 </a>
 
diff --git a/static/css/theme.css b/static/css/theme.css
index 38c133c..ebe1880 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -1,13 +1,14 @@
-body{
+body {
     --theme-color-primary: white;
     --theme-color-secondary: black;
     --theme-accent: #0727c5;
 }
-@media screen and (prefers-color-scheme:dark){
-    body{
-        --theme-color-primary:black;
-        --theme-color-secondary:white;
-        --theme-accent: #dcb806;
+
+@media screen and (prefers-color-scheme:dark) {
+    body {
+        --theme-color-primary: black;
+        --theme-color-secondary: white;
+        --theme-accent: gold;
     }
 }
 
@@ -34,20 +35,25 @@ body {
     max-height: 70vh;
     z-index: -1;
 }
-header{
-    margin-top:1rem;
-}
-header img {
-    max-height: 10rem;
+
+header {
+    margin-top: 5px;
 }
 
-header,footer{
+header img {
+    max-height: 8rem;
+}
+
+header,
+footer {
     text-align: center;
-    width:100vw;
+    width: 100vw;
 }
-nav{
-    border-radius:30%;
+
+nav {
+    border-radius: 30%;
 }
+
 a {
     color: var(--theme-accent);
 }
@@ -58,69 +64,110 @@ a:visited {
 
 hr {
     width: 100%;
-    margin-top: 2rem;
-    margin-bottom: 2rem;
+    margin-top: 15px;
+    margin-bottom: 15px;
     color: var(--theme-accent);
 }
-main,aside {
-    padding:2.5rem;
+
+main,
+aside {
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: space-evenly;
-    padding:1rem;
+    padding: 1rem;
+    padding-top: 0;
+}
+article{
     max-width:90vw;
 }
-main>section{
-    margin:1rem;
-    padding:0.5rem;
+article > *{
+    max-width:90vw;
 }
-main{
 
-    padding-left:5rem;
-    padding-right:5rem;
-}
-#main-content{
-    min-width:30vw;
+
+
+#main-content {
+    min-width: 30vw;
 }
+
 .listing {
-    width: 100%;
-    margin-bottom: 1rem;
+    margin: 15px;
+    width:620px;
+    height:340px;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
-}
-.listing *{
-    margin:5px;
-}
-.listing-text{
-    width:80%;
-    max-width:40rem;
-    padding:1rem;
-    font-size:1.25rem;
-}
-.listing img,
-.listing video{
-    width:25rem;
-    max-width:25vw;
-    max-height: 30vh;
-}
-.listing h2, .listing p{
-    margin:0;
+    background-size:cover;
+    background-repeat: no-repeat;
+    background-position-x: center;
+    background-position-y: bottom;
+    border-radius: 15px;
     text-align: center;
+    margin-bottom: 25px;
 }
 
+.listing-text {
+    width:100%;
+    height:100%;
+    border-radius: 15px;
+    background:rgba(0, 0, 0, 0.55);
+    backdrop-filter: blur(0px);
+    display:flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-evenly;
+    font-size:24px;
+}
+.listing-text >*{
+    margin:5px;
+    width:fit-content
+}
 
-.listing-preview {
+.listing-text .bare-link,.listing-text h2{
+
+    text-shadow: black -2px 2px 2px;
+}
+@keyframes blur-in{
+    from {
+        backdrop-filter:blur(0px);
+        background:rgba(0, 0, 0, 0.55);
+    }
+    to {
+        backdrop-filter:blur(5px);
+        background:rgba(0, 0, 0, 0.25);
+    }
+}
+.listing-text:hover{
+    animation: blur-in 0.2s;
+    backdrop-filter: blur(5px);
+    background:rgba(0, 0, 0, 0.25);
+}
+.listing p{
+    font-size:25px;
+}
+.listing .tags a {
+    font-size:15px;
+}
+.listing .tags {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-    align-items: flex-start;
-    justify-content: center;
+    justify-content: space-evenly;
 }
-.listing a{
-    width: fit-content;
+.tags>a {
+    margin: 5px;
+    padding:2px;
+    border-radius: 3px;
+    font-size:14px;
+    font-weight: bolder;
+    display:flex;
+    flex-direction: row;
+    align-items: center;    background-color: var(--theme-accent);
+    color: var(--theme-color-primary);
+    border-radius: 1.25rem;
+    padding:5px;
 }
 
 
@@ -136,14 +183,13 @@ audio {
 .metadata {
     display: flex;
     flex-direction: row;
-    flex-wrap: wrap;
-    align-items: flex-start;
+    align-items: center;
     justify-content: center;
 }
 
 .metadata>div {
     margin: 1rem;
-    display:flex;
+    display: flex;
     flex-direction: column;
     align-items: center;
 }
@@ -166,6 +212,7 @@ audio {
 }
 
 
+
 header {
     text-align: center;
     background-color: transparent;
@@ -174,7 +221,6 @@ header {
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-evenly;
-    font-size:1.25rem
 }
 
 nav {
@@ -185,27 +231,23 @@ nav {
     justify-content: space-evenly;
 }
 
-nav>* {
-    margin: 1rem;
+nav>a {
+    margin: 10px;
 }
 
 section {
-    display:flex;
+    display: flex;
     flex-direction: column;
     align-items: center;
 }
-section div{
-    display:flex;
+
+section div {
+    display: flex;
     flex-direction: column;
     align-items: center;
 
 }
-h1{
-    font-size:200%;
-}
-h2{
-    font-size:150%;
-}
+
 article {
     margin-top: 1rem;
     margin-bottom: 1rem;
@@ -213,43 +255,50 @@ article {
     display: flex;
     flex-direction: column;
     align-items: center;
-    font-family:Verdana, Geneva, Tahoma, sans-serif;
-    max-width:60rem;
-    font-size: 1.5rem;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    max-width: 60rem;
+    font-size:25px;
 }
-article table{
-    width:80%;
+
+article table {
+    width: 80%;
 }
-article .media-container{
-    display:flex;
+
+article .media-container {
+    display: flex;
     flex-direction: column;
     align-items: center;
-    width:100%;
+    width: 100%;
 }
-.media-container a{
-    width:100%;
-    display:flex;
+
+.media-container a {
+    width: 100%;
+    display: flex;
     align-items: center;
     flex-direction: column;
 }
 
-article td,article th{
-    width:fit-content;
+article td,
+article th {
+    width: fit-content;
 }
-article .footnotes{
-    width:100%;
+
+article .footnotes {
+    width: 100%;
 }
-article .footnotes a{
+
+article .footnotes a {
     text-decoration: none;
 }
-article sup a{
+
+article sup a {
     text-decoration: none;
 }
 
 blockquote {
     margin-left: 10%;
     padding-left: 2.5rem;
-    width:80%;
+    width: 80%;
     border-left: 0.5rem solid var(--theme-accent);
     font-style: italic;
 }
@@ -264,8 +313,10 @@ article ul {
 article>a {
     text-align: center;
 }
-article h2,h1{
-    width:100%;
+
+article h2,
+h1 {
+    width: 100%;
     text-align: center;
 }
 
@@ -283,33 +334,33 @@ article h3 {
     text-decoration: underline;
 }
 
-article img{
+article img {
     align-self: center;
     max-width: 80%;
-    max-height: 50vh;
 
 }
+
 article video,
 article iframe {
-    max-width: 60rem;
-    max-height: 40rem;
-    width: 80%;
-    height:50vh;
+    height: 40rem;
+    width: 95%;
+    max-height: 60vh;
     background-color: transparent;
 
 }
 
-article>section>a{
-    display:flex;
+article>section>a {
+    display: flex;
     flex-direction: column;
     align-items: center;
 
 }
 
 
-table{
-    width:fit-content;
+table {
+    width: fit-content;
 }
+
 td,
 th {
     margin: 0;
@@ -318,62 +369,67 @@ th {
     text-align: left !important;
 }
 
-video{
-    background-color:black;
+video {
+    background-color: black;
 }
 
-.link-preview{
-    display:flex;
+.link-preview {
+    display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
-    padding:1.5%;
+    padding: 1.5%;
     justify-content: left;
     text-decoration: none;
     text-align: left;
-    width:80%;
-    box-shadow:0px 0px 0.5rem var(--theme-accent);
-    border-radius:2rem;
-    overflow:hidden;
-    margin-bottom:1rem;
-    margin-top:1rem;
+    width: 80%;
+    box-shadow: 0px 0px 0.5rem var(--theme-accent);
+    border-radius: 2rem;
+    overflow: hidden;
+    margin-bottom: 1rem;
+    margin-top: 1rem;
 }
-.link-preview>div{
-    margin:1rem;
+
+.link-preview>div {
+    margin: 1rem;
 }
-.link-preview>img{
+
+.link-preview>img {
     max-width: 20rem;
 }
-.link-preview>div>p{
+
+.link-preview>div>p {
     text-decoration: none !important;
     color: var(--theme-color-secondary);
 }
 
 
 #sidebar {
-  padding-top:0;
-  align-items: flex-start;
+    padding-top: 0;
+    align-items: flex-start;
 }
 
 .recent *,
-.featured *{
-    margin:0.25rem;
-    padding:0;
+.featured * {
+    margin: 0.25rem;
+    padding: 0;
     text-align: left;
 }
+
 .recent p,
-.featured p{
+.featured p {
     min-width: 20vw;
-    
+
 }
+
 .recent img,
 .featured img,
 .recent video,
-.featured video{
-    max-width:15vw;
-    margin:0.25rem;
+.featured video {
+    max-width: 15vw;
+    margin: 0.25rem;
 }
 
-#social-links{
+#social-links {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
@@ -381,136 +437,246 @@ video{
     justify-content: space-evenly;
 }
 
-.social-link{
-    display:flex;
+.social-link {
+    display: flex;
     flex-direction: column;
     align-items: center;
-    margin:1rem;
+    margin: 1rem;
 }
 
-.social-link img{
-    width:5rem;
+.social-link img {
+    width: 2.5rem;
 }
 
 
 @media print {
-    body{
+    body {
 
         background-color: white;
     }
-    header,footer{
-        display:none;
+
+    header,
+    footer {
+        display: none;
     }
-    body>img{
-        display:none;
+
+    body>img {
+        display: none;
     }
-    img{
+
+    img {
         max-height: 60vh;
     }
-    *,main,section{
-        color:black;
+
+    *,
+    main,
+    section {
+        color: black;
         background-color: white;
-        border:none;
+        border: none;
         box-shadow: none;
-        padding:0;
-        max-width:90vw;
+        padding: 0;
+        max-width: 90vw;
     }
 }
 
-.recent,.featured{
+.recent,
+.featured {
     width: 100%;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: flex-start;
-    padding:1rem;
-}
-.featured a,.recent a{
-    width:initial;
+    padding: 1rem;
 }
 
-.section-heading{
+.featured a,
+.recent a {
+    width: initial;
+}
+
+.section-heading {
     color: var(--theme-accent);
     width: 100%;
 }
 
 
-#tags{
-    display:flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-}
-#tags>*{
-    margin:1rem;
-    background-color: var(--theme-accent);
-    color:var(--theme-color-primary);
-    border-radius: 1.5rem;
-    padding:1.5rem;
-    font-weight: bolder;
-}
-
-.gallery{
-    display:flex;
+#tags {
+    display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
+    align-items: center;
+}
+
+#tags>a {
+    margin: 5px;
+    padding:10px;
+    border-radius: 50px;
+    font-size:20px;
+    background-color: var(--theme-accent);
+    color: var(--theme-color-primary);
+    font-weight: bolder;
+    display:flex;
+    flex-direction: row;
+    align-items: center;
+}
+#tags>a>*{
+    margin:5px;
+}
+
+.gallery {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    width:90vw;
 
 }
-.image-container {
-    margin-bottom:1rem;
+#banner{
+    position:relative;
+    width:100vw;
+    height:35vh;
+    overflow:hidden;
+    background-repeat: no-repeat;
+    background-size:cover;
+    display:flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-position: center;
+    background-position-y:center;
 }
-.image-container,.image-container a{
+#banner-text{
+    max-height:20vh;
+    width:fit-content;
+    color:white;
+    background-color: rgba(0,0,0,0.5);
+    backdrop-filter: blur(0.25rem);
+    min-width: 10vw;
+    border-radius:25px;
+    text-shadow: 1px 1px 2px black;
+    padding:1rem;
+}
+
+.image-container {
+    margin-bottom: 1rem;
+}
+
+.image-container,
+.image-container a {
     width: fit-content;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
-.image-container .caption{
-    font-size:medium;
+
+.image-container .caption {
     width: fit-content;
     border: 1px solid var(--theme-accent);
-    padding:0.5rem;
-    border-radius:0.5rem;
+    padding: 0.5rem;
+    border-radius: 0.5rem;
 }
 
-.gallery>*{
+.gallery>* {
     margin-bottom: 1.5rem;
 }
 
+#content-list{
+    display:flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+}
 
-@media screen and (orientation:portrait){
-    main{
+@media screen and (orientation:portrait) {
+    main {
         flex-direction: column-reverse;
         align-items: center;
-        width:100vw;
-    
+        width: 100vw;
+
     }
-    .link-preview{
+
+    .link-preview {
         flex-direction: column;
     }
-    .recent,.featured{
+
+    .recent,
+    .featured {
         flex-direction: column;
         align-items: center;
         width: 100%;
     }
+
     .listing img,
-    .listing video{
-        width:unset;
+    .listing video {
+        width: unset;
         max-width: 100%;
-        height:25vh;
-        padding-left:2vw;
-        padding-right:2vw;
+        height: 25vh;
+        padding-left: 2vw;
+        padding-right: 2vw;
     }
+
     .recent img,
     .featured img,
     .recent video,
-    .featured video{
-        max-width:unset;
-        width:100%;
-        margin:0;
+    .featured video {
+        max-width: unset;
+        width: 100%;
+        margin: 0;
     }
-    .listing{
-        flex-direction: column;
+
+    .listing {
+        max-width:90vw;
+        max-height: 40vh;
+    }
+    .listing-text{
+        font-size:14px;
+    }
+    .metadata{
+        max-width: 100%;
+        flex-wrap: wrap;
+    }
+    .metadata #tags a  {
+        font-size:10px;
+        padding:0;
+    }
+    .metadata .icon{
+        width:2rem;
+        height:2rem;
+    }
+    nav{
+        font-size:10px;
+    }
+    .social-link strong{
+        display:none;
+    }
+    #social-links img{
     }
 }
 
+svg{
+    stroke: black;
+    fill:black;
+}
+.icon {
+    width:2.5rem;
+    height:2.5rem;
+}
+.icon-small{
+    height:1rem;
+    width:1rem;
+}
+
+#info>div{
+    display:flex;
+    flex-direction: row;
+}
+#info>div>*{
+    margin:10px;
+}
+
+.bare-link{
+    color:var(--theme-color-secondary) !important;
+    text-decoration: none;
+}
\ No newline at end of file
diff --git a/static/res/default.svg b/static/res/default.svg
new file mode 100644
index 0000000..94a9455
--- /dev/null
+++ b/static/res/default.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="120mm"
+   height="120mm"
+   viewBox="0 0 120 120"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   sodipodi:docname="test.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="2.0938813"
+     inkscape:cx="228.2842"
+     inkscape:cy="207.27059"
+     inkscape:window-width="1920"
+     inkscape:window-height="1045"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <circle
+       style="opacity:0.99;fill:none;stroke:#000000;stroke-width:2.017;stroke-linejoin:round;stroke-dasharray:none"
+       id="path790"
+       cx="60.936821"
+       cy="62.187721"
+       r="49.857403" />
+    <text
+       xml:space="preserve"
+       style="font-size:14.1111px;opacity:0.99;fill:none;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-dasharray:none"
+       x="30.379061"
+       y="64.689529"
+       id="text1070"><tspan
+         id="tspan1068"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;font-family:FreeSerif;-inkscape-font-specification:FreeSerif;fill:#000000;fill-opacity:1;stroke-width:0;stroke-dasharray:none"
+         x="30.379061"
+         y="64.689529"
+         sodipodi:role="line">Your Logo</tspan></text>
+  </g>
+</svg>