Skip to content

Commit ad8ec30

Browse files
riccardoblriccardobl
committed
update
1 parent 5f267d8 commit ad8ec30

20 files changed

+979
-400
lines changed

‎src/components/x-header.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ <h1><a href="/">N<span class="small">ostr</span>G<span class="small">ame</span>
66
</div>
77
<nav>
88
<a href="/roadmap.html"><ion-icon name="map-outline"></ion-icon>Roadmap</a>
9+
<!-- <a href="/showcase.html"><ion-icon name="camera-outline"></ion-icon>Showcase</a> -->
910
<a href="/support.html"><ion-icon name="heart-outline"></ion-icon>Support us</a>
1011
<a href="/contacts.html"><ion-icon name="mail-outline"></ion-icon>Contact</a>
1112

‎src/components/x-nostr.html‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<section class="nostr-glitch" data-text="Notes and Other Stuff Transmitted by Relays" data-target="Other Stuff">
2+
<h3><span><c>N</c>otes and</span> <span class="otherstuff"><c>O</c>ther <c>S</c>tuff<span class="you-are-here" aria-hidden="true">
3+
<span class="label">you are here</span>
4+
<span class="arrow"></span>
5+
</span></span> <span></span><c>T</c>ransmitted by <c>R</c>elays</span></h3>
6+
<style>
7+
.nostr-glitch c{
8+
color: var(--accent-purple);
9+
font-weight: 700;
10+
}
11+
.nostr-glitch h3{
12+
font-size:max(3vmin,1.8rem);
13+
text-align: center;
14+
}
15+
.nostr-glitch .otherstuff {
16+
position: relative;
17+
display: inline-block;
18+
color:var(--accent-purple);
19+
}
20+
.nostr-glitch .you-are-here {
21+
position: absolute;
22+
left: 50%;
23+
top: -1.9em;
24+
transform: translateX(-50%);
25+
display: flex;
26+
flex-direction: column;
27+
align-items: center;
28+
gap: 0.2rem;
29+
color: var(--accent-purple);
30+
font-weight: 700;
31+
font-size: max(1vmin,0.8rem);
32+
pointer-events: none;
33+
text-shadow: 0 0 6px var(--dark-purple);
34+
}
35+
.nostr-glitch .you-are-here .label {
36+
padding: .1rem .35rem;
37+
border: 1px dashed var(--accent-purple);
38+
background: var(--dark-purple);
39+
opacity: 0.8;
40+
border-radius: 4px;
41+
line-height: 1;
42+
padding:0.2rem;
43+
padding-left:1rem;
44+
padding-right:1rem;
45+
white-space: nowrap;
46+
}
47+
.nostr-glitch .you-are-here .arrow {
48+
width: 0;
49+
height: 0;
50+
border-left: 6px solid transparent;
51+
border-right: 6px solid transparent;
52+
border-top: 10px solid var(--accent-purple);
53+
filter: drop-shadow(0 0 4px var(--dark-purple));
54+
}
55+
</style>
56+
</section>

‎src/components/x-page-noindex.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html >
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Nostr Game Engine $$title$$</title>
7+
<link rel="stylesheet" href="/style.css" />
8+
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
9+
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
10+
<link rel="shortcut icon" href="/favicon.ico" />
11+
<meta name="apple-mobile-web-app-title" content="Nostr Game Engine" />
12+
<script src="/script.js" defer></script>
13+
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
14+
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
15+
<meta name="robots" content="noindex,nofollow" />
16+
</head>
17+
<body>
18+
19+
<x-header></x-header>
20+
<main>
21+
<slot></slot>
22+
</main>
23+
<x-footer></x-footer>
24+
25+
</body>
26+
27+
</html>

0 commit comments

Comments
 (0)