From 1fb46d2d56e254ea5643b8826d7fd3b0b9305248 Mon Sep 17 00:00:00 2001 From: Segundo Fdez Date: Sat, 12 Mar 2022 02:16:36 +0100 Subject: [PATCH] check todo. A few changes --- TODO.md | 10 ++- ...s_abdeb689137b085b8cf50bb0fe96e360.content | 76 ++++++++++++++---- src/static/android-chrome-192x192.png | Bin 0 -> 2423 bytes src/static/android-chrome-256x256.png | Bin 0 -> 4371 bytes src/static/apple-touch-icon.png | Bin 0 -> 2152 bytes src/static/browserconfig.xml | 9 +++ src/static/favicon-16x16.png | Bin 0 -> 647 bytes src/static/favicon-32x32.png | Bin 0 -> 799 bytes src/static/favicon.ico | Bin 0 -> 7406 bytes src/static/mstile-150x150.png | Bin 0 -> 1943 bytes src/static/safari-pinned-tab.svg | 19 +++++ src/static/site.webmanifest | 19 +++++ src/themes/oscar/assets/css/common.css | 17 +++- src/themes/oscar/assets/css/main.css | 1 + src/themes/oscar/assets/css/modules/about.css | 8 ++ .../oscar/assets/css/modules/footer.css | 2 + .../oscar/assets/css/modules/header.css | 7 +- .../oscar/assets/css/modules/pagination.css | 35 ++++++-- src/themes/oscar/assets/css/modules/posts.css | 4 +- src/themes/oscar/assets/css/variables.css | 7 +- src/themes/oscar/layouts/partials/metas.html | 8 +- .../oscar/layouts/partials/pagination.html | 16 ++-- .../layouts/partials/posts/pagination.html | 4 +- src/themes/oscar/layouts/sections/about.html | 2 +- 24 files changed, 195 insertions(+), 49 deletions(-) create mode 100644 src/static/android-chrome-192x192.png create mode 100644 src/static/android-chrome-256x256.png create mode 100644 src/static/apple-touch-icon.png create mode 100644 src/static/browserconfig.xml create mode 100644 src/static/favicon-16x16.png create mode 100644 src/static/favicon-32x32.png create mode 100644 src/static/favicon.ico create mode 100644 src/static/mstile-150x150.png create mode 100644 src/static/safari-pinned-tab.svg create mode 100644 src/static/site.webmanifest create mode 100644 src/themes/oscar/assets/css/modules/about.css diff --git a/TODO.md b/TODO.md index dbe0767..08399b4 100644 --- a/TODO.md +++ b/TODO.md @@ -6,11 +6,13 @@ - [x] og + twitter card - [x] Index, 5 posts - [x] Archive + About: Change title -- [ ] Emphasize `` -- [ ] Favicon +- [x] Emphasize `` +- [x] Favicon (Added)* +- [ ] *Review the favicon imgs directory. Not sure if the images are in the right directory. - [ ] Index call2action that leads you to "posts" -- [ ] Change paginators (no vertical separator |) -- [ ] Fonts, use one font for the title and another one (more readable) for the post text +- [x] Change paginators (no vertical separator |) +- [x] Fonts, use one font for the title and another one (more readable) for the post text +- [x] Remove background pre on about - [ ] Some images contains a `

`, get rid of it. - Images with p in the post content (as it is html now) - ![image.png](path/to/image.png) ->

diff --git a/src/resources/_gen/assets/css/css/main.css_abdeb689137b085b8cf50bb0fe96e360.content b/src/resources/_gen/assets/css/css/main.css_abdeb689137b085b8cf50bb0fe96e360.content index 6902c3c..fbe8dd5 100644 --- a/src/resources/_gen/assets/css/css/main.css_abdeb689137b085b8cf50bb0fe96e360.content +++ b/src/resources/_gen/assets/css/css/main.css_abdeb689137b085b8cf50bb0fe96e360.content @@ -281,6 +281,7 @@ template { Fonts ========================================================================== */ --font-brand: 'Overpass Mono', monospace; + --font-ui: -apple-system, system-ui, sans-serif; /* Fonts weights */ --fw-regular: 400; @@ -307,7 +308,7 @@ template { /* Font sizes https://www.modularscale.com/?16,14&px&1.5 */ --font-size-1: 14px; - --font-size-2: 16px; + --font-size-2: 17px; --font-size-3: 24px; --font-size-4: 36px; --font-size-5: 54px; @@ -315,8 +316,8 @@ template { /* Font sizes names */ --font-title: var(--fw-bold) var(--font-size-4) / 1.25 var(--font-brand); --font-heading: var(--fw-bold) var(--font-size-3) / 1.25 var(--font-brand); - --font-body: var(--font-size-2) / 1.46 var(--font-brand); - --font-caption: var(--font-size-1) / 1.37 var(--font-brand); + --font-body: var(--font-size-2) / 1.6 var(--font-ui); + --font-caption: var(--font-size-1) / 1.5 var(--font-brand); /* ========================================================================== Spacing @@ -356,8 +357,6 @@ template { box-sizing: border-box; } body { - font-family: var(--font-brand); - font: var(--font-body); text-rendering: auto; background-color: var(--background-main); color: var(--color-main); @@ -373,6 +372,19 @@ h1, h2, h3, h4, h5, h6, b, strong { font-weight: var(--fw-bold); } +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-brand); +} +p, ul, ol, dl, dd { + font: var(--font-body); +} +li code, +p code { + font: var(--font-caption); + padding: 4px; + color: rgb(0, 180, 0); + font-family: var(--font-brand); +} i, em { font-style: italic; } @@ -517,6 +529,7 @@ i, em { margin: 0; display: flex; gap: var(--spacing-2); + font-family: var(--font-brand); } .main-nav a.is-active { color: var(--color-main); @@ -564,12 +577,6 @@ i, em { flex-shrink: 0; } .post .social span, .social span { - /* position:absolute; - left:-10000px; - top:auto; - width:1px; - height:1px; - overflow: hidden; */ display: block; font: var(--font-caption); margin-top: var(--spacing-1); @@ -627,6 +634,7 @@ i, em { /* margin-top: calc(var(--spacing-1) / 2); */ } .post-item .post-item-summary { + font-family: var(--font-ui); font: var(--font-body); color: var(--color-main-medium); } @@ -644,6 +652,7 @@ i, em { width: auto; } .post-detail pre { + font: var(--font-caption); overflow-x: scroll; /* border: 1px solid var(--color-main-medium); */ /* box-shadow: 3px 3px 15px 5px rgba(0, 0, 0, 0.3); */ @@ -679,7 +688,7 @@ i, em { padding-bottom: var(--spacing-1); } .post h2 span { - font: var(--font-body); + font: var(--font-caption); color: var(--color-main-medium); vertical-align: middle; } @@ -698,25 +707,57 @@ i, em { margin-bottom: var(--spacing-6); } +.about .highlight { + margin-bottom: var(--spacing-8); + } +.about .highlight pre { + background-color: transparent !important; + } .pagination { border-top: 1px solid var(--color-main-medium); border-bottom: 1px solid var(--color-main-medium); padding-block: var(--spacing-3); + font: var(--font-caption); display: flex; align-items: center; - flex-wrap: wrap; + justify-content: space-between; + flex-wrap: nowrap; gap: 0 var(--spacing-3); + color: var(--color-main-medium); } -.pagination a { - font: var(--font-heading); +.pagination .center { + display: flex; + align-items: center; + gap: 0 var(--spacing-3); } -.pagination span { - font: var(--font-body); +.pagination .left, + .pagination .right { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } +.pagination .left::before, + .pagination .left::after, + .pagination .right::before, + .pagination .right::after { + vertical-align: middle; + font-size: var(--font-size-3); + } +.pagination .left::before { + content: "⇠ "; + } +.pagination .right { + direction: rtl; + text-align: left; + } +.pagination .right::before { + content: "⇢ "; + } .footer { padding: var(--spacing-6) var(--spacing-3); font: var(--font-caption); display: flex; + align-items: center; gap: var(--spacing-1); flex-wrap: wrap; } @@ -725,6 +766,7 @@ i, em { opacity: .4; } .footer-contact { + font: var(--font-caption); list-style-type: none; padding: 0; margin: 0; diff --git a/src/static/android-chrome-192x192.png b/src/static/android-chrome-192x192.png new file mode 100644 index 0000000000000000000000000000000000000000..ce595830a180c2e7e4f03dce258f61bffdf7fa83 GIT binary patch literal 2423 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 + + + + + #da532c + + + diff --git a/src/static/favicon-16x16.png b/src/static/favicon-16x16.png new file mode 100644 index 0000000000000000000000000000000000000000..7a3cdcd4dfa516f73f4a29acd25b2abca75bbaee GIT binary patch literal 647 zcmZ`$ZAepL6h3panK!j%u@r+#!&v#z-PNL|!8W(too%f-%pVPQy}J`5*<3etLNdfG zE3&La!XGO1W%e}*mJ|f8GG`!Ven5~JhWJMkf(qgE`m-M$IOpMc4iC?P)8TZKr=@16 z0zevPHMnqumJbw3AxnlL@BZ(s1ao*Ofq8%hmn4q`HImum@lBW0}DmW zuEN?*bhh9g9>IVm0sQe3NnL%2kK;JMgp;4~(>z|dhp(q_H;<(OoL#{4ck%5s<_VaX z!|_?X{|ZlD!?78>@&Gd&xY34bcBCp$X~lF0Dh}hyT7NsaP*zh>ZdOy%J)MLoCC+Y9 zewS0~9BtL;$_pa-IkVBd{iERROZWQBi>z*#iAHtN(}sA~!RN7X)9+u&igRsqhNPVX zH46({x?CUFXlRvIsgj>WVzGg)7`s>FzI1VD@YYECox$$?nknZFkLS=?k4Ih>dv@8- zs(RlNm4Rt;!_3Q}wl5?xSF%(~K3)>_LP#V4EW@$|Oi_VO=Vpua>;Zi-lgBW6hAENd z-~Pu?AMn-r!~ZwfPTa^MhOG63%79;LF&e}h{oFqK;3PBO%zT;5k=bF$UKu5uCL@GI zu{y>mq9Ul_lxUeFJ8z2+R;JX@JAnQdxN;Bqbr`n-OYBJ5 zh-f{st06Zb&5qVijQxfvqu)^K1xW`l;MFiTc@dQbWiig(!h>g+wE>rUu-OZW0b7Zu zLzuA+&Q|>Rg_B*_wja;mV&ElauE(uDeEy1!9=JR3a}1ePaO}aKKkx_eX%sabC>JpD z1*I(rTLD)a^wl_h6DM!La|U&X(S8YY%?M!-szoRRN{hyd4->>qLyEFiGLx$xoR}&G zQl8aor9)JNJU%h6`{Q*nb(v)}rnFv5;S`BU($w_*=w4xM!4r4tbm7iz_c34dzPgsi z_U&!EJO_3)*XYv?Izg@-f2!exAP86MkLeop46b3s5q5=IrI=&D|y>d2Io2 zHS?U>;^IUgDq5vVrc;uYN|P!@tx8j;((`FrP18$5l8*jUV0TzcY?c2n$XvfWc($p* z4ml1RUtxA}L}PUnaSGOMF6NA!*;?tm%LQL5zsgj=8_gApGMB?vQpzd#$}&z-QpQ^d z+3I^e5*hByOH91Cy7xZ&#z?4yhy|92xP-W@mWfoHf^nyITd9N#CPnY#z8?R5f4pDX d>((92TtJ59vHVEJ!aZUO!fLabvl)f8e*yHVQS1N! literal 0 HcmV?d00001 diff --git a/src/static/favicon.ico b/src/static/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..5db5246e191ea9176f16e69afe8c64e5e7715a80 GIT binary patch literal 7406 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 WT}crutjtc4B?undo>gS!b>x4hroY$# literal 0 HcmV?d00001 diff --git a/src/static/safari-pinned-tab.svg b/src/static/safari-pinned-tab.svg new file mode 100644 index 0000000..be66037 --- /dev/null +++ b/src/static/safari-pinned-tab.svg @@ -0,0 +1,19 @@ + + + + +Created by potrace 1.14, written by Peter Selinger 2001-2017 + + + + + diff --git a/src/static/site.webmanifest b/src/static/site.webmanifest new file mode 100644 index 0000000..de65106 --- /dev/null +++ b/src/static/site.webmanifest @@ -0,0 +1,19 @@ +{ + "name": "", + "short_name": "", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-256x256.png", + "sizes": "256x256", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} diff --git a/src/themes/oscar/assets/css/common.css b/src/themes/oscar/assets/css/common.css index 4f7f490..bc0d0a8 100644 --- a/src/themes/oscar/assets/css/common.css +++ b/src/themes/oscar/assets/css/common.css @@ -5,8 +5,6 @@ } body { - font-family: var(--font-brand); - font: var(--font-body); text-rendering: auto; background-color: var(--background-main); color: var(--color-main); @@ -23,6 +21,21 @@ b, strong { font-weight: var(--fw-bold); } +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-brand); +} +p, ul, ol, dl, dd { + font: var(--font-body); +} + +li code, +p code { + font: var(--font-caption); + padding: 4px; + color: rgb(0, 180, 0); + font-family: var(--font-brand); +} + i, em { font-style: italic; } diff --git a/src/themes/oscar/assets/css/main.css b/src/themes/oscar/assets/css/main.css index ce54f0c..1c63f80 100644 --- a/src/themes/oscar/assets/css/main.css +++ b/src/themes/oscar/assets/css/main.css @@ -11,6 +11,7 @@ /* Modules */ @import 'assets/css/modules/header.css'; @import 'assets/css/modules/posts.css'; +@import 'assets/css/modules/about.css'; @import 'assets/css/modules/pagination.css'; @import 'assets/css/modules/footer.css'; diff --git a/src/themes/oscar/assets/css/modules/about.css b/src/themes/oscar/assets/css/modules/about.css new file mode 100644 index 0000000..c19606e --- /dev/null +++ b/src/themes/oscar/assets/css/modules/about.css @@ -0,0 +1,8 @@ +.about { + .highlight { + margin-bottom: var(--spacing-8); + pre { + background-color: transparent !important; + } + } +} \ No newline at end of file diff --git a/src/themes/oscar/assets/css/modules/footer.css b/src/themes/oscar/assets/css/modules/footer.css index 9165e0e..0665b23 100644 --- a/src/themes/oscar/assets/css/modules/footer.css +++ b/src/themes/oscar/assets/css/modules/footer.css @@ -2,6 +2,7 @@ padding: var(--spacing-6) var(--spacing-3); font: var(--font-caption); display: flex; + align-items: center; gap: var(--spacing-1); flex-wrap: wrap; span { @@ -12,6 +13,7 @@ } } .footer-contact { + font: var(--font-caption); list-style-type: none; padding: 0; margin: 0; diff --git a/src/themes/oscar/assets/css/modules/header.css b/src/themes/oscar/assets/css/modules/header.css index ead9ca2..97d8707 100644 --- a/src/themes/oscar/assets/css/modules/header.css +++ b/src/themes/oscar/assets/css/modules/header.css @@ -32,6 +32,7 @@ margin: 0; display: flex; gap: var(--spacing-2); + font-family: var(--font-brand); } a.is-active { color: var(--color-main); @@ -82,12 +83,6 @@ } } span { - /* position:absolute; - left:-10000px; - top:auto; - width:1px; - height:1px; - overflow: hidden; */ display: block; font: var(--font-caption); margin-top: var(--spacing-1); diff --git a/src/themes/oscar/assets/css/modules/pagination.css b/src/themes/oscar/assets/css/modules/pagination.css index cbcbe6d..64f614a 100644 --- a/src/themes/oscar/assets/css/modules/pagination.css +++ b/src/themes/oscar/assets/css/modules/pagination.css @@ -2,14 +2,39 @@ border-top: 1px solid var(--color-main-medium); border-bottom: 1px solid var(--color-main-medium); padding-block: var(--spacing-3); + font: var(--font-caption); display: flex; align-items: center; - flex-wrap: wrap; + justify-content: space-between; + flex-wrap: nowrap; gap: 0 var(--spacing-3); - a { - font: var(--font-heading); + color: var(--color-main-medium); + .center { + display: flex; + align-items: center; + gap: 0 var(--spacing-3); } - span { - font: var(--font-body); + .left, + .right { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + &::before, + &::after { + vertical-align: middle; + font-size: var(--font-size-3); + } + } + .left { + &::before { + content: "⇠ "; + } + } + .right { + direction: rtl; + text-align: left; + &::before { + content: "⇢ "; + } } } \ No newline at end of file diff --git a/src/themes/oscar/assets/css/modules/posts.css b/src/themes/oscar/assets/css/modules/posts.css index 9fb75d8..42b34a9 100644 --- a/src/themes/oscar/assets/css/modules/posts.css +++ b/src/themes/oscar/assets/css/modules/posts.css @@ -32,6 +32,7 @@ /* margin-top: calc(var(--spacing-1) / 2); */ } .post-item-summary { + font-family: var(--font-ui); font: var(--font-body); color: var(--color-main-medium); } @@ -52,6 +53,7 @@ width: auto; } pre { + font: var(--font-caption); overflow-x: scroll; /* border: 1px solid var(--color-main-medium); */ /* box-shadow: 3px 3px 15px 5px rgba(0, 0, 0, 0.3); */ @@ -89,7 +91,7 @@ border-bottom: 1px solid var(--color-main-dark); padding-bottom: var(--spacing-1); span { - font: var(--font-body); + font: var(--font-caption); color: var(--color-main-medium); vertical-align: middle; &:first-child { diff --git a/src/themes/oscar/assets/css/variables.css b/src/themes/oscar/assets/css/variables.css index 0c3db86..38e0ec4 100644 --- a/src/themes/oscar/assets/css/variables.css +++ b/src/themes/oscar/assets/css/variables.css @@ -3,6 +3,7 @@ Fonts ========================================================================== */ --font-brand: 'Overpass Mono', monospace; + --font-ui: -apple-system, system-ui, sans-serif; /* Fonts weights */ --fw-regular: 400; @@ -29,7 +30,7 @@ /* Font sizes https://www.modularscale.com/?16,14&px&1.5 */ --font-size-1: 14px; - --font-size-2: 16px; + --font-size-2: 17px; --font-size-3: 24px; --font-size-4: 36px; --font-size-5: 54px; @@ -37,8 +38,8 @@ /* Font sizes names */ --font-title: var(--fw-bold) var(--font-size-4) / 1.25 var(--font-brand); --font-heading: var(--fw-bold) var(--font-size-3) / 1.25 var(--font-brand); - --font-body: var(--font-size-2) / 1.46 var(--font-brand); - --font-caption: var(--font-size-1) / 1.37 var(--font-brand); + --font-body: var(--font-size-2) / 1.6 var(--font-ui); + --font-caption: var(--font-size-1) / 1.5 var(--font-brand); /* ========================================================================== Spacing diff --git a/src/themes/oscar/layouts/partials/metas.html b/src/themes/oscar/layouts/partials/metas.html index 67e5a75..a6d2de2 100644 --- a/src/themes/oscar/layouts/partials/metas.html +++ b/src/themes/oscar/layouts/partials/metas.html @@ -19,7 +19,13 @@ {{ end -}} - + + + + + + + diff --git a/src/themes/oscar/layouts/partials/pagination.html b/src/themes/oscar/layouts/partials/pagination.html index 13ac081..c036431 100644 --- a/src/themes/oscar/layouts/partials/pagination.html +++ b/src/themes/oscar/layouts/partials/pagination.html @@ -1,7 +1,9 @@ -{{ if .Paginator.HasPrev }} - -{{ end }} -{{ .Paginator.PageNumber }} -{{ if .Paginator.HasNext }} - -{{ end }} +
+ {{ if .Paginator.HasPrev }} + + {{ end }} + {{ .Paginator.PageNumber }} + {{ if .Paginator.HasNext }} + + {{ end }} +
\ No newline at end of file diff --git a/src/themes/oscar/layouts/partials/posts/pagination.html b/src/themes/oscar/layouts/partials/posts/pagination.html index cdbdf62..98f1b30 100644 --- a/src/themes/oscar/layouts/partials/posts/pagination.html +++ b/src/themes/oscar/layouts/partials/posts/pagination.html @@ -1,7 +1,7 @@ {{- if .NextInSection }} - ⇠ {{ .NextInSection.Title }} + {{ .NextInSection.Title }} {{- end }} {{- if .PrevInSection }} - | {{ .PrevInSection.Title }} ⇢ + {{ .PrevInSection.Title }} {{- end }} \ No newline at end of file diff --git a/src/themes/oscar/layouts/sections/about.html b/src/themes/oscar/layouts/sections/about.html index b0a05be..30d38b3 100644 --- a/src/themes/oscar/layouts/sections/about.html +++ b/src/themes/oscar/layouts/sections/about.html @@ -2,7 +2,7 @@
-
+
{{ .Content }}