Trying out a logo

This commit is contained in:
swag 2023-06-07 01:24:34 -04:00
parent 5973ebd1f8
commit 7efc8e0fbf
6 changed files with 29 additions and 11 deletions

View File

@ -20,19 +20,30 @@
} }
.site-logo { .site-logo {
border: outset var(--light-warm-gray); border: outset var(--light-warm-gray);
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
width: 100%;
margin: 0.25em auto;
} }
.site-title { .site-logo img {
text-align: center; display: block;
border: outset var(--light-warm-gray); margin: 0 auto;
background-color: var(--light-warm-gray); object-fit: contain;
padding: 0.5em 0; max-width: 50%;
margin-bottom: 0.15em;
overflow-wrap: anywhere;
} }
/*
*.site-title {
* text-align: center;
* border: outset var(--light-warm-gray);
* background-color: var(--light-warm-gray);
* padding: 0.5em 0;
* margin-bottom: 0.15em;
* overflow-wrap: anywhere;
*}
*/
.site-nav { .site-nav {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
@ -59,7 +70,7 @@
text-align: center; text-align: center;
border: inset var(--dark-warm-gray); border: inset var(--dark-warm-gray);
padding: 0.5em 0; padding: 0.5em 0;
margin: 0.75em 0; margin: 0.85em 0;
background-color: var(--dark-warm-gray); background-color: var(--dark-warm-gray);
} }

BIN
public/images/logo_l.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 226 KiB

BIN
public/images/logo_m.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

BIN
public/images/logo_s.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

BIN
public/images/logo_xl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 336 KiB

View File

@ -17,7 +17,14 @@
</head> </head>
<body> <body>
<header class="site-header"> <header class="site-header">
<h1 class="site-title">Post::Text</h1> <%# <h1 class="site-title">Post::Text</h1> %>
<picture class="site-logo">
<source srcset="/images/logo_xl.png" media="(min-width: 1900px)">
<source srcset="/images/logo_l.png" media="(min-width: 1200px)">
<source srcset="/images/logo_m.png" media="(min-width: 700px)">
<img src="/images/logo_s.png"
alt="Post::Text logo; a small nerdy anime girl giving a V sign">
</picture>
<nav class="site-nav"> <nav class="site-nav">
<%= link_to List => threads_list => {list_page => 1}, <%= link_to List => threads_list => {list_page => 1},
(class => 'click') %> (class => 'click') %>