diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index ba88fdd..739dc4c 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -15,6 +15,10 @@
{{- partial "network_card.html" . -}}
+ {{ else if in .Params.categories "shouts" }}
+
+ {{- partial "shout_card.html" . -}}
+
{{ else }}
{{- partial "card.html" . -}}
diff --git a/layouts/index.html b/layouts/index.html
index 546e4b7..cc048bb 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -15,6 +15,10 @@
{{- partial "network_card.html" . -}}
+ {{ else if in .Params.categories "shouts" }}
+
+ {{- partial "shout_card.html" . -}}
+
{{ else }}
{{- partial "card.html" . -}}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index ff9498b..b539c40 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -11,6 +11,9 @@
{{- end }}
+ {{ template "_internal/opengraph.html" . }}
+ {{ template "_internal/twitter_cards.html" . }}
+
diff --git a/layouts/partials/shout_card.html b/layouts/partials/shout_card.html
new file mode 100644
index 0000000..83dfc77
--- /dev/null
+++ b/layouts/partials/shout_card.html
@@ -0,0 +1,36 @@
+
+
+
+ {{ $postPermalink := .Permalink}}
+
+
+
+ {{ with (index (.Resources.ByType "image") 0) }}
+ {{ $height := add .Height 0.0}}
+ {{ $ratio := div $height .Width}}
+ {{ $thumb := .Fit "540x360"}}
+
+
+
+
+ {{ else }}
+
+ {{ end }}
+
+ {{ .Summary }}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/static/css/fonts/Anonymous_Pro_Regular.woff b/static/css/fonts/Anonymous_Pro_Regular.woff
new file mode 100644
index 0000000..220852e
Binary files /dev/null and b/static/css/fonts/Anonymous_Pro_Regular.woff differ
diff --git a/static/css/fonts/Barrio_Regular.woff b/static/css/fonts/Barrio_Regular.woff
new file mode 100644
index 0000000..d066b82
Binary files /dev/null and b/static/css/fonts/Barrio_Regular.woff differ
diff --git a/static/css/fonts/Zen_Maru_Gothic_Regular.woff b/static/css/fonts/Zen_Maru_Gothic_Regular.woff
new file mode 100644
index 0000000..ca6a3eb
Binary files /dev/null and b/static/css/fonts/Zen_Maru_Gothic_Regular.woff differ
diff --git a/static/css/main.css b/static/css/main.css
index 4938451..c457077 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -5,20 +5,40 @@ peachpuff - tomato
lightpink - crimson
lightblue - cornflowerblue
palegreen - lightseagreen
+steelblue - aliceblue
fonts
bungeeshade
allerta
*/
+@font-face {
+ font-family: BarrioRegular;
+ src: url(fonts/Barrio_Regular.woff);
+}
+
+@font-face {
+ font-family: ZenMaruGothic;
+ src: url(fonts/Zen_Maru_Gothic_Regular.woff);
+}
+
+@font-face {
+ font-family: AnonymousPro;
+ src: url(fonts/Anonymous_Pro_Regular.woff);
+}
+
+h1, h2, h3 {
+ font-family: BarrioRegular;
+}
+
:root {
--border-color: tomato;
}
/*Main Stuff*/
body {
- font-size:16px;
- font-family: sans-serif;
+ font-size:24px;
+ font-family: ZenMaruGothic;
color: maroon;
}
@@ -321,7 +341,7 @@ footer.post-footer {
display: inherit;
}
.network .summary-text {
- font-size: 14px;
+ font-size: 18px;
}
div.network-source{
@@ -358,6 +378,21 @@ div.network-source{
padding: 0.5em 1.2em 0.5em 1.2em;
}
+/* shouts cards */
+
+.card.shout{
+ border-color: steelblue;
+ border: 2px solid;
+ box-shadow:1em 1em 0 #d2d1c8;
+ background-color: aliceblue;
+ max-width: min-content;
+ margin-bottom: 2em;
+ flex: auto;
+ margin: 0 3em 3em 0;
+ align-self: start;
+ color: steelblue;
+ }
+
/* calendar cards */
.card.calendar {