moonmoon/live-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

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

5 commits
dev ... main

Author SHA1 Message Date
Moon Moon
2cc2ef39e9 Update
Some checks failed
Deploy to Server / deploy (push) Has been cancelled
Details
2026-04-19 06:46:35 +02:00
Moon Moon
c4cf7b2ee4 Update
Some checks failed
Deploy to Server / deploy (push) Has been cancelled
Details
2026-04-17 18:55:08 +02:00
moonmoon
2b0c13c2d4 fixed footer links
Some checks failed
Deploy to Server / deploy (push) Has been cancelled
Details
2026-04-12 21:26:05 +02:00
moonmoon
36b10e3514 updated footer
Some checks are pending
Deploy to Server / deploy (push) Waiting to run
Details
2026-04-12 20:04:20 +02:00
moonmoon
a50220480c updated readme
Some checks are pending
Deploy to Server / deploy (push) Waiting to run
Details
2026-04-12 18:42:50 +02:00
4 changed files with 32 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
Assets/forgejo.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M421.5 65.2C455.5 65.2 483.1 92.8 483.1 126.8C483.1 160.8 455.5 188.4 421.5 188.4C398.5 188.4 378.4 175.7 367.8 157L339.3 157C315.3 157 292.3 166.5 275.3 183.5C258.3 200.5 248.8 223.5 248.8 247.5L248.8 291C274.8 271.5 306.5 260.8 339.4 260.8L367.9 260.8C378.5 242.1 398.5 229.4 421.6 229.4C455.6 229.4 483.2 257 483.2 291C483.2 325 455.6 352.6 421.6 352.6C398.6 352.6 378.5 339.9 367.9 321.2L339.4 321.2C315.4 321.2 292.4 330.7 275.4 347.7C258.4 364.7 248.9 387.7 248.9 411.7L248.9 459.5C267.6 470.1 280.3 490.1 280.3 513.1C280.3 547.1 252.7 574.7 218.7 574.7C184.7 574.7 157 547.2 157 513.2C157 490.2 169.7 470.1 188.4 459.6L188.4 247.6C188.4 207.6 204.3 169.2 232.6 140.9C260.9 112.6 299.3 96.7 339.3 96.7L367.8 96.7C378.4 78 398.4 65.3 421.5 65.3zM218.6 487.9C204.6 487.9 193.3 499.2 193.3 513.2C193.3 527.2 204.6 538.6 218.6 538.6C232.6 538.6 244 527.2 244 513.2C244 499.2 232.6 487.9 218.6 487.9zM421.5 265.7C412.1 265.1 403.1 269.8 398.2 277.9C393.3 286 393.3 296.1 398.2 304.2C403.1 312.3 412.1 317 421.5 316.4C430.9 317 439.9 312.3 444.8 304.2C449.7 296.1 449.7 286 444.8 277.9C439.9 269.8 430.9 265.1 421.5 265.7zM421.5 101.5C412.1 100.9 403.1 105.6 398.2 113.7C393.3 121.8 393.3 131.9 398.2 140C403.1 148.1 412.1 152.8 421.5 152.2C430.9 152.8 439.9 148.1 444.8 140C449.7 131.9 449.7 121.8 444.8 113.7C439.9 105.6 430.9 100.9 421.5 101.5z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

2
README.md
View file

@ -1,3 +1,5 @@
# live-site
Files for my current live site located at https://page.moonmoon.tech/
main branch is the live site, dev branch is development branch and not commited changes yet.

16
index.html
View file

@ -21,11 +21,14 @@
<button class="mobile-nav-toggle" aria-controls="primary-navigation"><span class="sr-only" aria-expanded="false">Menu</span></button>
<nav>
<ul id="primary-navigation" data-visible="false" class="primary-navigation flex">
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://lab1.moonmoon.tech"><span aria-hidden="true">01</span>Dashboard</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://tech.moonmoon.tech"><span aria-hidden="true">02</span>IT.tools</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://myip.moonmoon.tech"><span aria-hidden="true">03</span>IP.tools</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://omni.moonmoon.tech"><span aria-hidden="true">04</span>Omni.tools</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://ll.moonmoon.tech"><span aria-hidden="true">05</span>Socials</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://lab.moonmoon.tech"><span aria-hidden="true">01</span>Dashboard</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://socials.moonmoon.tech"><span aria-hidden="true">02</span>Socials</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://mkdocs.moonmoon.tech/"><span aria-hidden="true">03</span>Docs</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://tech.moonmoon.tech"><span aria-hidden="true">04</span>IT Toolbox</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://myip.moonmoon.tech"><span aria-hidden="true">05</span>IP Toolbox</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://omni.moonmoon.tech"><span aria-hidden="true">06</span>Omni Toolbox</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://nettoolbox.moonmoon.tech"><span aria-hidden="true">07</span>Network Toolbox</a>
<li><a class="ff-sans-cond uppercase text-white letter-spacing-1" href="https://bentopdf.moonmoon.tech"><span aria-hidden="true">08</span>Bento PDF</a>
</ul>
</nav>
</header>
@ -38,7 +41,7 @@
<span class="d-block fs-900 ff-serif text-white">Moon Moon's Hub</span></h1>
<p>I am a 29-year-old Norwegian guy that occasionally streams, is a tech head, and hosts various things on my local server.
Some of these you can check out at my dashborad.</p>
Some of these you can check out at my dashboard.</p>
</div>
</main>
@ -50,6 +53,7 @@
<div class="social-buttons">
<a href="https://twitter.com/M0onmo0nGaming"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.twitch.tv/m0onmo0ngaming"><i class="fa-brands fa-twitch"></i></a>
<a href="https://forge.moonmoon.tech/moonmoon" target="_blank" rel="noopener noreferrer"><img src="Assets/forgejo.svg" alt="Forgejo"></a>
<a href="https://github.com/m0onmo0n"><i class="fa-brands fa-github"></i></a>
<a href="https://www.youtube.com/@M0onMo0n"><i class="fa-brands fa-youtube"></i></a>
<a href="mailto:admin@moonmoon.tech"><i class="fa-solid fa-envelope"></i></a>

19
style.css
View file

@ -412,6 +412,25 @@ footer {
color: rgb(63, 9, 126);
}
.social-buttons a img {
position: absolute;
top: 50%;
left: 50%;
width: 22px;
height: 22px;
transform: translate(-50%, -50%);
object-fit: contain;
transition: 0.3s;
}
.social-buttons a:hover img {
transform: translate(-50%, -50%) rotate(0deg);
}
.social-buttons a img:hover {
transform: translate(-50%, -50%) rotate(225deg);
}
/* ------------------- */
/* Utility classes */
/* ------------------- */