Trying out a logo
This commit is contained in:
parent
5973ebd1f8
commit
7efc8e0fbf
|
@ -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
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
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
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
BIN
public/images/logo_xl.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 336 KiB |
|
@ -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') %>
|
||||||
|
|
Loading…
Reference in a new issue