celediel/burning.moe
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

proper mobile layout

Browse source
This commit is contained in:
Lilian Jónsdóttir 2024-01-24 16:07:57 -08:00
parent 14fce89c97
commit d5f0151bb1
2 changed files with 41 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
static/css/style.css
View file

@ -4,8 +4,6 @@
maybe use SASS or something maybe use SASS or something
the real TODO here is finding an image that doesn't require a white background the real TODO here is finding an image that doesn't require a white background
also TODO: proper mobile layout
*/ */
body { body {
@ -83,3 +81,42 @@ h2 {
padding-top: 0px; padding-top: 0px;
font-size: 1.4em; font-size: 1.4em;
} }
.logo {
/*max-width: 400px;*/
max-width: 100%;
}
/* width specific settings */
@media screen and (max-width: 1200px) {
#words,
#bigwords {
width: 90%;
}
}
@media screen and (max-width: 800px) {
#words,
#bigwords {
width: 100%;
}
#leftfooter {
position: fixed;
bottom: 10px;
right: 10px;
text-align: right;
}
#rightfooter {
position: fixed;
bottom: 35px;
right: 10px;
}
#stuff {
margin: 15px 50px 25px 50px;
}
}

4
templates/home.page.tmpl
View file

@ -1,13 +1,13 @@
{{- template "base" . -}} {{- template "base" . -}}
{{- define "content" }} {{- define "content" }}
<img src="static/img/moemoe.png"> <img src="static/img/moemoe.png" class="logo">
<div id="header"> <div id="header">
<!-- <h1>燃え 萌え</h1> --> <!-- <h1>燃え 萌え</h1> -->
<h2>burning.moe</h2> <h2>burning.moe</h2>
</div> </div>
<a href="http://www.pixiv.net/member_illust.php?mode=medium&illust_id=22647957"> <a href="http://www.pixiv.net/member_illust.php?mode=medium&illust_id=22647957">
<img src="static/img/burningmoe.jpg" style="max-width:400px;" /> <img src="static/img/burningmoe.jpg" class="logo" />
</a> </a>
<br /> <br />
<span id="words"> <span id="words">