diff --git a/public/assets/app.css b/public/assets/app.css
index 5a985dd7..2b77e6f5 100644
--- a/public/assets/app.css
+++ b/public/assets/app.css
@@ -52,38 +52,23 @@ body {
display: flex;
flex-direction: column; }
-#top-header {
- display: flex;
- flex-direction: column;
- justify-content: center; }
- #top-header h1 {
- width: 100%;
- text-align: center; }
- #top-header nav {
- display: flex;
- justify-content: center;
- flex-wrap: wrap; }
- #top-header nav a {
- margin: 0 0.5rem; }
-
-@media screen and (max-width: 699px) {
- main {
- margin-left: 5px;
- margin-right: 5px; } }
-
-main .h-feed {
+main {
display: flex;
flex-direction: column;
margin: auto; }
- main .h-feed img {
+ @media screen and (max-width: 699px) {
+ main {
+ margin-left: 5px;
+ margin-right: 5px; } }
+ main img {
max-width: 100%; }
@media screen and (min-width: 700px) {
- main .h-feed {
+ main {
max-width: 700px; }
- main .h-feed > .note,
- main .h-feed > .h-entry {
+ main > .note,
+ main > .h-entry {
padding: 0 1rem; } }
- main .h-feed .h-entry:first-child > .bookmark-link {
+ main .h-entry:first-child > .bookmark-link {
padding-top: 2rem; }
.note {
@@ -101,6 +86,12 @@ main .h-feed {
.note > .e-content > .naked-link .u-photo {
margin: 2rem 0; }
+article header > h1 {
+ margin-bottom: 0; }
+
+article header .post-info {
+ font-size: 1.4rem; }
+
.pagination {
display: flex;
flex-direction: row;
@@ -126,6 +117,20 @@ footer {
margin-left: 5px;
margin-right: 5px; } }
+#top-header {
+ display: flex;
+ flex-direction: column;
+ justify-content: center; }
+ #top-header h1 {
+ width: 100%;
+ text-align: center; }
+ #top-header nav {
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap; }
+ #top-header nav a {
+ margin: 0 0.5rem; }
+
.post-info a {
text-decoration: none; }
diff --git a/public/assets/app.css.map b/public/assets/app.css.map
index 003c8250..03e93317 100644
--- a/public/assets/app.css.map
+++ b/public/assets/app.css.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./resources/sass/_variables.scss","webpack:///./resources/sass/_base.scss","webpack:///./resources/sass/_layout-main.scss","webpack:///./resources/sass/_link-styles.scss","webpack:///./resources/sass/_posse.scss"],"names":[],"mappings":"AAAA;EACI;EACA,+DAAkB;EAClB,oDAAsB;EACtB,+EAAuB;EAEvB;EACA,2BAAmB;EACnB,yBAAiB;EACjB,0BAAkB;EAClB,uBAAe;EACf,4BAAoB;EAEpB;EACA,uBAAe;EACf,qBAAa;EACb,0BAAkB;EAClB,0BAAkB;EAClB,yBAAiB;;AClBrB;EACI,mCAAmC;EACnC,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,yCAAyC;EACzC,6BAA6B;;AAGjC;;;;;;EAMI,uCAAuC;EACvC,kBAAkB;EAClB,gBAAgB;;AAGpB;;EAEI,wCAAwC;EACxC,kBAAkB;EAClB,gBAAgB;;AAGpB;EACI,6BAA6B;EAC7B,qBAAqB;;AAGzB;;EAEI,gBAAgB;;AClCpB;EACI,aAAa;EACb,sBAAsB;;AAG1B;EACI,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EAH3B;IAMQ,WAAW;IACX,kBAAkB;EAP1B;IAWQ,aAAa;IACb,uBAAuB;IACvB,eAAe;IAbvB;MAgBY,gBAAgB;;AAMxB;EADJ;IAEQ,gBAAgB;IAChB,iBAAiB,IA2BxB;;AA9BD;EAOQ,aAAa;EACb,sBAAsB;EACtB,YAAY;EATpB;IAYY,eAAe;EAGnB;IAfR;MAgBY,gBAAgB;MAhB5B;;QAoBgB,eAAe,IAClB;EArBb;IA0BgB,iBAAiB;;AAMjC;EACI,aAAa;EACb,sBAAsB;EAF1B;IAKQ,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAPtC;MAUY,qBAAqB;IAVjC;MAegB,WAAW;MACX,UAAU;EAhB1B;IAwBgB,cAAc;;AAM9B;EACI,aAAa;EACb,mBAAmB;EACnB,6BAA6B;EAC7B,WAAW;EACX,qBAAqB;;AAGzB;EACI,eAAe;;AAGnB;EACI,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,kBAAkB;EAGd;IAPR;MAQY,eAAe,IAEtB;EAVL;IAaQ,eAAe;EAGnB;IAhBJ;MAiBQ,gBAAgB;MAChB,iBAAiB,IAExB;;ACxHD;EAEQ,qBAAqB;;AAI7B;EAEQ,qBAAqB;;ACR7B;;EAEI,aAAa","file":"app.css","sourcesContent":[":root {\n /* fonts */\n --font-stack-body: \"Whitney SSm A\", \"Whitney SSm B\", sans-serif;\n --font-stack-headings: \"Quarto A\", \"Quarto B\", serif;\n --font-stack-monospace: \"Operator Mono SSm A\", \"Operator Mono SSm B\", monospace;\n\n /* colours */\n --color-background: #004643;\n --color-headline: #fffffe;\n --color-paragraph: #abd1c6;\n --color-button: #f9bc60;\n --color-button-text: #001e1d;\n\n /* colours - illustrations */\n --color-stroke: #001e1d;\n --color-main: #e8e4e6;\n --color-highlight: #f9bc60;\n --color-secondary: #abd1c6;\n --color-tertiary: #e16162;\n}\n","body {\n font-family: var(--font-stack-body);\n font-style: normal;\n font-weight: 400;\n font-size: 2rem;\n background-color: var(--color-background);\n color: var(--color-paragraph);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-family: var(--font-stack-headings);\n font-style: normal;\n font-weight: 800;\n}\n\npre,\ncode {\n font-family: var(--font-stack-monospace);\n font-style: normal;\n font-weight: 400;\n}\n\na {\n color: var(--color-highlight);\n text-decoration: none;\n}\n\n.h-feed > .note,\n.h-feed > .h-entry {\n margin-top: 4rem;\n}\n","body {\n display: flex;\n flex-direction: column;\n}\n\n#top-header {\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n h1 {\n width: 100%;\n text-align: center;\n }\n\n nav {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n\n a {\n margin: 0 0.5rem;\n }\n }\n}\n\nmain {\n @media screen and (max-width: 699px) {\n margin-left: 5px;\n margin-right: 5px;\n }\n\n .h-feed {\n display: flex;\n flex-direction: column;\n margin: auto;\n\n img {\n max-width: 100%;\n }\n\n @media screen and (min-width: 700px) {\n max-width: 700px;\n\n > .note,\n > .h-entry {\n padding: 0 1rem;\n }\n }\n\n .h-entry:first-child {\n > .bookmark-link {\n padding-top: 2rem;\n }\n }\n }\n}\n\n.note {\n display: flex;\n flex-direction: column;\n\n .note-metadata {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n .client {\n word-break: break-all;\n }\n\n .syndication-links {\n svg {\n height: 1em;\n width: 1em;\n }\n }\n }\n\n > .e-content {\n > .naked-link {\n .u-photo {\n margin: 2rem 0;\n }\n }\n }\n}\n\n.pagination {\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n width: 90vw;\n list-style-type: none;\n}\n\n.personal-bio {\n padding: 0 2rem;\n}\n\nfooter {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 1.5rem;\n\n input {\n @media screen and (max-width: 699px) {\n max-width: 95vw;\n }\n }\n\n .iwc-logo {\n max-width: 100%;\n }\n\n @media screen and (max-width: 699px) {\n margin-left: 5px;\n margin-right: 5px;\n }\n}\n",".post-info {\n a {\n text-decoration: none;\n }\n}\n\n.syndication-links {\n .u-syndication {\n text-decoration: none;\n }\n}\n",".p-bridgy-facebook-content,\n.p-bridgy-twitter-content {\n display: none;\n}\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///./resources/sass/_variables.scss","webpack:///./resources/sass/_base.scss","webpack:///./resources/sass/_layout-main.scss","webpack:///./resources/sass/_link-styles.scss","webpack:///./resources/sass/_posse.scss"],"names":[],"mappings":"AAAA;EACI;EACA,+DAAkB;EAClB,oDAAsB;EACtB,+EAAuB;EAEvB;EACA,2BAAmB;EACnB,yBAAiB;EACjB,0BAAkB;EAClB,uBAAe;EACf,4BAAoB;EAEpB;EACA,uBAAe;EACf,qBAAa;EACb,0BAAkB;EAClB,0BAAkB;EAClB,yBAAiB;;AClBrB;EACI,mCAAmC;EACnC,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,yCAAyC;EACzC,6BAA6B;;AAGjC;;;;;;EAMI,uCAAuC;EACvC,kBAAkB;EAClB,gBAAgB;;AAGpB;;EAEI,wCAAwC;EACxC,kBAAkB;EAClB,gBAAgB;;AAGpB;EACI,6BAA6B;EAC7B,qBAAqB;;AAGzB;;EAEI,gBAAgB;;AClCpB;EACI,aAAa;EACb,sBAAsB;;AAG1B;EAMI,aAAa;EACb,sBAAsB;EACtB,YAAY;EAPZ;IADJ;MAEQ,gBAAgB;MAChB,iBAAiB,IAyBxB;EA5BD;IAWQ,eAAe;EAGnB;IAdJ;MAeQ,gBAAgB;MAfxB;;QAmBY,eAAe,IAClB;EApBT;IAyBY,iBAAiB;;AAK7B;EACI,aAAa;EACb,sBAAsB;EAF1B;IAKQ,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAPtC;MAUY,qBAAqB;IAVjC;MAegB,WAAW;MACX,UAAU;EAhB1B;IAwBgB,cAAc;;AAM9B;EAGY,gBAAgB;;AAH5B;EAOY,iBAAiB;;AAK7B;EACI,aAAa;EACb,mBAAmB;EACnB,6BAA6B;EAC7B,WAAW;EACX,qBAAqB;;AAGzB;EACI,eAAe;;AAGnB;EACI,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,kBAAkB;EAGd;IAPR;MAQY,eAAe,IAEtB;EAVL;IAaQ,eAAe;EAGnB;IAhBJ;MAiBQ,gBAAgB;MAChB,iBAAiB,IAExB;;AAED;EACI,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EAH3B;IAMQ,WAAW;IACX,kBAAkB;EAP1B;IAWQ,aAAa;IACb,uBAAuB;IACvB,eAAe;IAbvB;MAgBY,gBAAgB;;AC/H5B;EAEQ,qBAAqB;;AAI7B;EAEQ,qBAAqB;;ACR7B;;EAEI,aAAa","file":"app.css","sourcesContent":[":root {\n /* fonts */\n --font-stack-body: \"Whitney SSm A\", \"Whitney SSm B\", sans-serif;\n --font-stack-headings: \"Quarto A\", \"Quarto B\", serif;\n --font-stack-monospace: \"Operator Mono SSm A\", \"Operator Mono SSm B\", monospace;\n\n /* colours */\n --color-background: #004643;\n --color-headline: #fffffe;\n --color-paragraph: #abd1c6;\n --color-button: #f9bc60;\n --color-button-text: #001e1d;\n\n /* colours - illustrations */\n --color-stroke: #001e1d;\n --color-main: #e8e4e6;\n --color-highlight: #f9bc60;\n --color-secondary: #abd1c6;\n --color-tertiary: #e16162;\n}\n","body {\n font-family: var(--font-stack-body);\n font-style: normal;\n font-weight: 400;\n font-size: 2rem;\n background-color: var(--color-background);\n color: var(--color-paragraph);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-family: var(--font-stack-headings);\n font-style: normal;\n font-weight: 800;\n}\n\npre,\ncode {\n font-family: var(--font-stack-monospace);\n font-style: normal;\n font-weight: 400;\n}\n\na {\n color: var(--color-highlight);\n text-decoration: none;\n}\n\n.h-feed > .note,\n.h-feed > .h-entry {\n margin-top: 4rem;\n}\n","body {\n display: flex;\n flex-direction: column;\n}\n\nmain {\n @media screen and (max-width: 699px) {\n margin-left: 5px;\n margin-right: 5px;\n }\n\n display: flex;\n flex-direction: column;\n margin: auto;\n\n img {\n max-width: 100%;\n }\n\n @media screen and (min-width: 700px) {\n max-width: 700px;\n\n > .note,\n > .h-entry {\n padding: 0 1rem;\n }\n }\n\n .h-entry:first-child {\n > .bookmark-link {\n padding-top: 2rem;\n }\n }\n}\n\n.note {\n display: flex;\n flex-direction: column;\n\n .note-metadata {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n .client {\n word-break: break-all;\n }\n\n .syndication-links {\n svg {\n height: 1em;\n width: 1em;\n }\n }\n }\n\n > .e-content {\n > .naked-link {\n .u-photo {\n margin: 2rem 0;\n }\n }\n }\n}\n\narticle {\n header {\n > h1 {\n margin-bottom: 0;\n }\n\n .post-info {\n font-size: 1.4rem;\n }\n }\n}\n\n.pagination {\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n width: 90vw;\n list-style-type: none;\n}\n\n.personal-bio {\n padding: 0 2rem;\n}\n\nfooter {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 1.5rem;\n\n input {\n @media screen and (max-width: 699px) {\n max-width: 95vw;\n }\n }\n\n .iwc-logo {\n max-width: 100%;\n }\n\n @media screen and (max-width: 699px) {\n margin-left: 5px;\n margin-right: 5px;\n }\n}\n\n#top-header {\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n h1 {\n width: 100%;\n text-align: center;\n }\n\n nav {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n\n a {\n margin: 0 0.5rem;\n }\n }\n}\n",".post-info {\n a {\n text-decoration: none;\n }\n}\n\n.syndication-links {\n .u-syndication {\n text-decoration: none;\n }\n}\n",".p-bridgy-facebook-content,\n.p-bridgy-twitter-content {\n display: none;\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/resources/sass/_layout-main.scss b/resources/sass/_layout-main.scss
index 4dac164f..b0772ef0 100644
--- a/resources/sass/_layout-main.scss
+++ b/resources/sass/_layout-main.scss
@@ -3,55 +3,32 @@ body {
flex-direction: column;
}
-#top-header {
- display: flex;
- flex-direction: column;
- justify-content: center;
-
- h1 {
- width: 100%;
- text-align: center;
- }
-
- nav {
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
-
- a {
- margin: 0 0.5rem;
- }
- }
-}
-
main {
@media screen and (max-width: 699px) {
margin-left: 5px;
margin-right: 5px;
}
- .h-feed {
- display: flex;
- flex-direction: column;
- margin: auto;
+ display: flex;
+ flex-direction: column;
+ margin: auto;
- img {
- max-width: 100%;
+ img {
+ max-width: 100%;
+ }
+
+ @media screen and (min-width: 700px) {
+ max-width: 700px;
+
+ > .note,
+ > .h-entry {
+ padding: 0 1rem;
}
+ }
- @media screen and (min-width: 700px) {
- max-width: 700px;
-
- > .note,
- > .h-entry {
- padding: 0 1rem;
- }
- }
-
- .h-entry:first-child {
- > .bookmark-link {
- padding-top: 2rem;
- }
+ .h-entry:first-child {
+ > .bookmark-link {
+ padding-top: 2rem;
}
}
}
@@ -86,6 +63,18 @@ main {
}
}
+article {
+ header {
+ > h1 {
+ margin-bottom: 0;
+ }
+
+ .post-info {
+ font-size: 1.4rem;
+ }
+ }
+}
+
.pagination {
display: flex;
flex-direction: row;
@@ -119,3 +108,24 @@ footer {
margin-right: 5px;
}
}
+
+#top-header {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+
+ h1 {
+ width: 100%;
+ text-align: center;
+ }
+
+ nav {
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+
+ a {
+ margin: 0 0.5rem;
+ }
+ }
+}
diff --git a/resources/views/notes/show.blade.php b/resources/views/notes/show.blade.php
index cb5cc72d..8f40c096 100644
--- a/resources/views/notes/show.blade.php
+++ b/resources/views/notes/show.blade.php
@@ -46,6 +46,5 @@
@section('scripts')
-
@include('templates.mapbox-links')
@stop