ari/bliss.town
ari/bliss.town
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Activity

Compare commits

merge into: ari:v2
Branches Tags
ari:main
ari:v2
...
pull from: ari:main
Branches Tags
ari:main
ari:v2
Sign in to create a new pull request.

2 commits
v2 ... main

Author SHA1 Message Date
ari melody
6f6c0c3a6d
fix mobile display 2025-07-10 16:41:25 +01:00
ari melody
d112d7ae63
add makefile (ez bundling) 2025-07-10 16:24:35 +01:00
5 changed files with 25 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

5
.gitignore vendored
View file

@ -1,3 +1,2 @@
**/.DS_Store .DS_Store
docker-compose.yml *.tar.gz
.vscode/

2
Makefile Normal file
View file

@ -0,0 +1,2 @@
bundle:
tar czf ./blisstown-web.tar.gz -C public .

10
public/index.html
View file

@ -4,7 +4,7 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" value="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>bliss town</title> <title>bliss town</title>
<link rel="icon" type="image/x-icon" href="/img/favicon.png"> <link rel="icon" type="image/x-icon" href="/img/favicon.png">
@ -22,10 +22,10 @@
<header> <header>
<nav> <nav>
<span class="nav-title"> <span class="nav-title">
<span class="title-icon"> <div class="title-icon">
<img src="/img/icon-light.svg" class="only-light" width=26 height=26 /> <img src="/img/icon-light.svg" class="only-light" width=26 height=26 />
<img src="/img/icon-dark.svg" class="only-dark" width=26 height=26 /> <img src="/img/icon-dark.svg" class="only-dark" width=26 height=26 />
</span> </div>
<strong>bliss<span class="col-on-primary">.</span>town</strong> <strong>bliss<span class="col-on-primary">.</span>town</strong>
</span> </span>
<a href="/">home</a> <a href="/">home</a>
@ -34,10 +34,10 @@
</header> </header>
<main> <main>
<h1> <h1>
<span class="title-icon"> <div class="title-icon">
<img src="/img/icon-light.svg" class="only-light" width=64 height=64 /> <img src="/img/icon-light.svg" class="only-light" width=64 height=64 />
<img src="/img/icon-dark.svg" class="only-dark" width=64 height=64 /> <img src="/img/icon-dark.svg" class="only-dark" width=64 height=64 />
</span> </div>
welcome to bliss<span class="col-on-primary">.</span>town! welcome to bliss<span class="col-on-primary">.</span>town!
</h1> </h1>

6
public/style/index.css
View file

@ -115,3 +115,9 @@
color: var(--on-primary); color: var(--on-primary);
border: 1px solid var(--on-primary); border: 1px solid var(--on-primary);
} }
@media screen and (max-width: 500px) {
.crew-tags {
flex-wrap: wrap;
}
}

12
public/style/main.css
View file

@ -153,13 +153,15 @@ footer:hover {
.title-icon { .title-icon {
position: relative; position: relative;
height: 1.2em; width: 1.3em;
height: 1.1em;
margin: 0 .1em; margin: 0 .1em;
padding-right: 1.6em;
display: inline-block; display: inline-block;
} }
.title-icon img { .title-icon img {
width: 1.4em;
height: 1.4em;
position: absolute; position: absolute;
} }
@ -179,3 +181,9 @@ footer:hover {
box-shadow: 0 2px 8px #0c03116e; box-shadow: 0 2px 8px #0c03116e;
} }
} }
@media screen and (max-width: 500px) {
h1 {
font-size: 1.2em;
}
}