swaggboi/PostText
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Trying out a logo

Browse source
This commit is contained in:
swagg boi 2023-06-07 01:24:34 -04:00
parent 5973ebd1f8
commit 7efc8e0fbf
6 changed files with 29 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
assets/css/simple.css
View file

@ -22,17 +22,28 @@
.site-logo {
border: outset var(--light-warm-gray);
background-color: var(--light-warm-gray);
width: 100%;
margin: 0.25em auto;
}
.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-logo img {
display: block;
margin: 0 auto;
object-fit: contain;
max-width: 50%;
}
/*
*.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 {
display: flex;
flex-flow: row wrap;
@ -59,7 +70,7 @@
text-align: center;
border: inset var(--dark-warm-gray);
padding: 0.5em 0;
margin: 0.75em 0;
margin: 0.85em 0;
background-color: var(--dark-warm-gray);
}

BIN
public/images/logo_l.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 226 KiB

BIN
public/images/logo_m.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 118 KiB

BIN
public/images/logo_s.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
public/images/logo_xl.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 336 KiB

9
templates/layouts/default.html.ep
View file

@ -17,7 +17,14 @@
</head>
<body>
<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">
<%= link_to List => threads_list => {list_page => 1},
(class => 'click') %>