From c0be4bc0ae68a44ed4f3c18515548c32e95a4123 Mon Sep 17 00:00:00 2001 From: osmarks Date: Wed, 9 Mar 2022 20:59:26 +0000 Subject: [PATCH] Logo redesign --- assets/images/logo.svg | 13 ------------- assets/images/logo192.png | Bin 357 -> 0 bytes assets/images/logo256.png | Bin 0 -> 1894 bytes assets/images/logo384.png | Bin 398 -> 0 bytes assets/images/logo768.png | Bin 600 -> 0 bytes assets/images/logo96.png | Bin 341 -> 0 bytes assets/images/logo96inv.png | Bin 453 -> 0 bytes assets/manifest.webmanifest | 20 ++------------------ assets/offline.html | 2 +- assets/sw.js | 4 ++-- style.sass | 13 +++++++++++-- templates/layout.pug | 7 ++++--- 12 files changed, 20 insertions(+), 39 deletions(-) delete mode 100644 assets/images/logo.svg delete mode 100644 assets/images/logo192.png create mode 100644 assets/images/logo256.png delete mode 100644 assets/images/logo384.png delete mode 100644 assets/images/logo768.png delete mode 100644 assets/images/logo96.png delete mode 100644 assets/images/logo96inv.png diff --git a/assets/images/logo.svg b/assets/images/logo.svg deleted file mode 100644 index a190e24..0000000 --- a/assets/images/logo.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - - - \ No newline at end of file diff --git a/assets/images/logo192.png b/assets/images/logo192.png deleted file mode 100644 index 777124497600f92dc9e115fabfdfccb581afea3e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 357 zcmeAS@N?(olHy`uVBq!ia0vp^2SAt+NHA0_4_pPLSkfJR9T^xl_H+M9WCijSl0AZa zfwF203=J&|48MRv4KElNN(~qoUL`OvSj}Ky5HFasE6@fg!Ib3f?!v%$w@Y{lkjGiz z5n0T@z;_sg8IR|$NC676mw5WRvOi&y<>0qCySv67C}iyE;usQf`0crcybK0BEF16F zznsDnnpL3nbHz#3*wUTMKs9U;hCoL?kY3>q zRdP`(kYX@0Ff!0JFw-@%3^A~H<{lbMMG|WN@iLmZVmg-ZT}3^ wAPKS|I6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD<-Pgg&ebxsLQ0Da+M-2eap diff --git a/assets/images/logo256.png b/assets/images/logo256.png new file mode 100644 index 0000000000000000000000000000000000000000..39ab1fc0fae0a01eea4ef437f005c9aba5d6f1da GIT binary patch literal 1894 zcmeAS@N?(olHy`uVBq!ia0y~yU<5K5893O0R7}x|GzJECT~8OskczmsHw{YlT0IGJ_@lOxLVR*;_68Reo z<{Sb!;Nh>`V9qeM=n3PFz3b8|ncwx7SN;J_p>|& z@*0Z%f8GpK^ix#>Xd1(m-}C3oGBBLbceDiZ7To#&=MB)fI?hv|n0)$g)JiG@Y(r(` zy3H~TH*a(Pc~@-(%y{SuHp9Us%hB;^?Ob~?tdHc z@+UAiePLoq@UQ>>5?BaMF+Tt-3^l&r7fvW={K2c>(*P>t7~q9sJ$pGLs2EKImw5~d zvm4YK)E&0{na7X}QU@y$-5o%@5m~x{JPr#6YF7-e82&J?d$ob*igAJs$R1BuKbLh* G2~7ZP3>RAf literal 0 HcmV?d00001 diff --git a/assets/images/logo384.png b/assets/images/logo384.png deleted file mode 100644 index b97da477ee51b72be61bc0d7c95701a8db7091bf..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 398 zcmeAS@N?(olHy`uVBq!ia0y~yU~B+kMxX#g&z=q;AjOjI=anMpdfpRr>`sf6E;~6F2?sK8H#{HF`h1tAr-gYo>SywVBk2i z;rIXL2a`GYF8);Wb~8OC22_Cx4s2}iMil|_Y}iYAFa#4;GHz(UzF zKCwUzk{}y`^V3So6N^$A%FE03GV`*FlM@S4_413-XTP(N0y)vs)z4*}Q$iB}V!vc9 diff --git a/assets/images/logo768.png b/assets/images/logo768.png deleted file mode 100644 index 74bacd11783541b4088b1e7a92eadc1732439585..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 600 zcmeAS@N?(olHy`uVBq!ia0y~yUH=O_9twz9DE#~Dr+w>Ffgilx;TbZ+T$SkfJR9T^xl_H+M9WCijSl0AZa z85pY67#JE_7#My5g&JNkFq9fFFuY1&V6d9Oz#v{QXIG#NP=YDR+uenM@oty!5+IMW zz$3Dlfr0NZ2s0kfUy%Y7WH0gbb!C6TCdr;B5V#p&b(hNk}x2N;+a z&v861DYH)EX~N?_?o1#aBg4h|+WB*uj~oXoS1oakC`m~yNwrEYN(E93Mg~R(x&~&t zMwTH47FLEPR;C8p1_o9J22PEE-Y6P!^HVa@DsgKtzVq@sP=h4MhT#0PlJdl&REF~M ia=pyF?Be9af>gcyqV(DCY@~pS7(8A5T-G@yGywqXrC;a( diff --git a/assets/images/logo96inv.png b/assets/images/logo96inv.png deleted file mode 100644 index c33dc8b4847ba2912cd8b906d1a3a23e322a2db8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 453 zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD0wg^q?%xcgSkfJR9T^xl_H+M9WCijSl0AZa z85pY67#JE_7#My5g&JNkFq9fFFuY1&V6d9Oz#v{QXIG#NP=YDR+ueoXe|!I#{XiaP zfk$L90|Vb-5N14{zaj-F$X?><>&pIwO_qaSJT1#H4Jb6()5S5Q;?~=n8+jQNc^C{o z{eFLjf8rr0tM3cuTsnAXv+-%}cW=(spZ>X%X$wC1_OqS*gP*)23qzGav1V%sfy%Jc)!d8#F@5hW>!C8<`)MX5lF!N|bKK-a)b*T^!&z{1MV)XLCM z+rYrez@Wd*-Wo+iZhlH;S|x4`|CHO?ff^)1HU#IVm6RtIr81P4m+NKbWfvzW7NqLs W7p2dBXCnnv#Ng@b=d#Wzp$Py?myb;V diff --git a/assets/manifest.webmanifest b/assets/manifest.webmanifest index 7cdbddb..a71e26c 100644 --- a/assets/manifest.webmanifest +++ b/assets/manifest.webmanifest @@ -10,24 +10,8 @@ "orientation": "any", "icons": [ { - "src": "/assets/images/logo96.png", - "sizes": "96x96" - }, - { - "src": "/assets/images/logo192.png", - "sizes": "192x192" - }, - { - "src": "/assets/images/logo384.png", - "sizes": "384x384" - }, - { - "src": "/assets/images/logo768.png", - "sizes": "768x768" - }, - { - "src": "/assets/images/logo.svg", - "sizes": "512x512" + "src": "/assets/images/logo256.png", + "sizes": "256x256" } ], "theme_color": "#000000", diff --git a/assets/offline.html b/assets/offline.html index 5866ff2..52ccced 100644 --- a/assets/offline.html +++ b/assets/offline.html @@ -16,7 +16,7 @@ comments: off
  • ???
  • This site uses a service worker to provide a limited offline mode, but it doesn't work for everything (dynamic pages, ones requiring a bit of server logic, the comments system, pages which haven't been cached), so you are being shown this instead. -Please enjoy the below "flappy bird" game until your connection comes back, thanks to palaiologos (click or press space). +Please enjoy the below "flappy bird" game until your connection comes back, thanks to palaiologos and ubq323 (click or press space).

    diff --git a/assets/sw.js b/assets/sw.js index 237b93a..14bb5d9 100644 --- a/assets/sw.js +++ b/assets/sw.js @@ -4,8 +4,8 @@ const cacheName = `${siteVersion}-v1` const precache = [ offlinePage, "/index.html", - "/assets/images/logo.svg", - "/assets/images/icon.png", + "/assets/images/logo256.png", + //"/assets/images/icon.png", "/assets/js/page.js", "/points/index.html", "/points/index.js", diff --git a/style.sass b/style.sass index 260e752..6813990 100644 --- a/style.sass +++ b/style.sass @@ -14,8 +14,17 @@ nav background: black .logo - width: 1.5em - height: 1.5em + width: 1.5rem + height: 1.5rem + image-rendering: crisp-edges + image-rendering: pixelated + + .logocont + display: flex + align-items: center + font-style: italic + color: white + font-size: 1.25em a, img margin-right: 0.5em diff --git a/templates/layout.pug b/templates/layout.pug index 27c075b..7353843 100644 --- a/templates/layout.pug +++ b/templates/layout.pug @@ -11,14 +11,15 @@ html(lang="en") if description meta(name="description", content=description) link(rel="manifest", href="/assets/manifest.webmanifest") - link(rel="shortcut icon", href="/assets/images/logo96inv.png", type="image/png") + link(rel="shortcut icon", href="/assets/images/logo256.png", type="image/png") style!= css if comments !== "off" script(src=`https://${domain}/isso/js/embed.min.js`, async=true, data-isso=`https://${domain}/isso/`) body nav - a(href="/") - img.logo(src="/assets/images/logo.svg", alt="") + a.logocont(href="/") + img.logo(src="/assets/images/logo256.png", alt="osmarks.net logo") + .logotext osmarks +nav-item("/", "Index") +nav-item(`https://status.${domain}/`, "Status") +nav-item(`https://i.${domain}/`, "Images")