ghostfox/MaszToZadanieDomowe.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lekcja 1

Browse Source
This commit is contained in:
Dark Steveneq
2025-09-08 20:37:01 +02:00
parent 67398b059f
commit 6f56bbf964
13 changed files with 411 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/css/galeria.css Normal file
View File

@@ -0,0 +1,18 @@
td img {
border-radius: .75rem;
}
table {
margin-left: auto;
margin-right: auto;
}
#fagata {
color: var(--colorRed);
font-size: 54pt;
text-align: center;
}
audio, video {
width: 100%;
}

166
assets/css/main.css Normal file
View File

@@ -0,0 +1,166 @@
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body {
padding: 0%;
margin: 0%;
}
a, a:visited {
font-size: large;
text-decoration: none;
color: var(--colorBlue);
}
a:hover, a:focus {
text-underline-offset: 4px;
text-decoration: underline 2px var(--colorLavender);
color: var(--colorLavender);
}
h1, h2, h3, h4, h5, h6 {
margin: 0%;
}
/* Paleta kolorów: https://catppuccin.com/palette/ */
* {
--colorRosewater: #f5e0dc;
--colorFlamingo: #f2cdcd;
--colorPink: #f5c2e7;
--colorMauve: #cba6f7;
--colorRed: #f38ba8;
--colorMaroon: #eba0ac;
--colorPeach: #fab387;
--colorYellow: #f9e2af;
--colorGreen: #a6e3a1;
--colorTeal: #94e2d5;
--colorSky: #89dceb;
--colorSaphire: #74c7ec;
--colorBlue: #89b4fa;
--colorLavender: #b4befe;
--colorText: #cdd6f4;
--colorSubtext1: #bac2de;
--colorSubtext0: #a6adc8;
--colorOverlay2: #9399b2;
--colorOverlay1: #7f849c;
--colorOverlay0: #6c7086;
--colorSurface2: #585b70;
--colorSurface1: #45475a;
--colorSurface0: #313244;
--colorBase: #1e1e2e;
--colorMantle: #181825;
--colorCrust: #11111b;
}
/* Tło */
@keyframes GradientScroll {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
html {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14pt;
color: var(--colorSubtext1);
background-color: var(--colorMantle);
background: linear-gradient(-45deg,
var(--colorMauve) 0%,
var(--colorLavender) 25%,
var(--colorSaphire) 50%,
var(--colorBlue) 75%,
var(--colorBlue) 100%
);
background-size: 400vw 200vh;
animation: GradientScroll 5s ease infinite;
}
/* Header */
header {
background-color: var(--colorBase);
background: linear-gradient(135deg, var(--colorSurface0) 0%, var(--colorSurface1) 100%);
/* border-bottom-left-radius: 1rem; */
border-radius: 1rem;
border: .3rem solid var(--colorOverlay1);
margin: .5rem;
padding: 0%;
padding-top: .5rem;
padding-bottom: .65rem;
padding-left: 1rem;
padding-right: 1rem;
}
header img {
float: left;
margin-right: 1rem;
}
header nav ul {
margin: 0%;
padding: 0%;
display: flex;
flex-direction: row;
gap: 1rem;
list-style: none;
}
/* Treść */
main {
background-color: var(--colorSurface0);
border: .35rem solid var(--colorOverlay0);
border-radius: 1rem;
margin: 2rem;
margin-left: auto;
margin-right: auto;
padding: 1rem;
max-width: 1680px;
width: 90vw;
}
/* Stopka */
footer {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: var(--colorBase);
background: linear-gradient(180deg, var(--colorSurface2) 0%, var(--colorSurface0) 66%, var(--colorBase) 100%);
/* border-bottom-left-radius: 1rem; */
border-radius: 1rem;
border: .3rem solid var(--colorOverlay1);
max-height: 128px;
margin: .5rem;
padding: 1rem;
}
footer div {
display: flex;
flex-direction: column;
}
footer div div {
flex-grow: 1;
}
footer div div ul {
display: flex;
flex-direction: column;
flex-wrap: 1;
margin: 0%;
margin-left: .5rem;
padding: 0%;
gap: .3rem;
list-style: none;
}

BIN
assets/images/1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

BIN
assets/images/2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 227 KiB

BIN
assets/images/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
assets/images/blahaj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
assets/images/toster.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
assets/videos/telefon.mp4 Normal file
View File

Binary file not shown.

BIN
assets/videos/unreg-sloik-cam.webm Normal file
View File

Binary file not shown.

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

62
galeria.html Normal file
View File

@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Galeria - MaszToZadanieDomowe.com</title>
<link href="/favicon.ico" rel="favicon">
<link href="/assets/css/main.css" rel="stylesheet">
<link href="/assets/css/galeria.css" rel="stylesheet">
</head>
<body>
<header>
<img src="/favicon.ico" width="64" height="64">
<h1>MaszToZadanieDomowe.com</h1>
<nav>
<ul>
<li><a href="/index.html">Strona główna</a></li>
<li><a href="/hobby.html">Moje hobby</a></li>
<li><a href="/galeria.html">Galeria</a></li>
<li><a href="https://nonamesoft.xyz/about">Kontakt</a></li>
</ul>
</nav>
</header>
<main>
<h2>Galeria</h2>
<hr>
<table>
<tr>
<td><img src="/assets/images/1.jpg" width="720" alt="Mały Protogen wyglądający zza dzwiczek szafki patrząc na kości RAM w ręku człowieka"></td>
<td><img src="/assets/images/3.jpg" width="720" alt="Mały Protogen trzymany przez człowieka w ręku wystawiający język ku kościom RAM z tekstem\"no RAM for you\""></td>
</tr>
<tr>
<td><img src="/assets/images/2.png" width="720" alt="Protogen wskazujący palcem na rudę diamentów z Minecrafta mówiąc \"Oh no... It's ORE!\""></td>
<td><img src="/assets/images/toster.jpg" width="720" alt="Toster."></td>
</tr>
</table>
<br><br>
<h2>Słoik :3</h2>
<br>
<video loop autoplay src="/assets/videos/unreg-sloik-cam.webm"></video>
<br><br>
<h1 id="fagata">UWAGA MUZYKA FAGATY Z MOCNO PODKRĘCONYM BASEM I GŁOŚNOŚCIĄ!!! Skutki wypuszczenia tego przeseksualizowanego tekstu i reputacji przez głośniki komputerowe mogą być porównywalne z puszczeniem pornola z dźwiękiem.<br>Za <strong>NIC NIE ODPOWIADAM</strong><br>A, i na szczęście jest 5 sekund ciszy na początku</h1>
<sub>Youpiter: UMIERAM</sub>
<br><br>
<audio src="https://youvideo.nonamesoft.xyz/youvideo/api/videofile/with_extension/2ef25519-dce3-45da-afe1-02fbd6ed8051.wav" controls></audio>
</main>
<footer>
<div>
<div>
<ul>
<li><a href="/index.html">Strona główna</a></li>
<li><a href="/hobby.html">Moje hobby</a></li>
<li><a href="/galeria.html">Galeria</a></li>
<li><a href="https://nonamesoft.xyz/about">Kontakt</a></li>
</ul>
</div>
<strong>Strona &copy; Dark Steveneq, 2025; Nazwę wymyślił Youpiter</strong> <sub>#GradientySąSuper</sub>
</div>
<img src="/assets/images/blahaj.png" height="128">
</footer>
</body>
</html>

108
hobby.html Normal file
View File

@@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Moje Hobby - MaszToZadanieDomowe.com</title>
<link href="/favicon.ico" rel="favicon">
<link href="/assets/css/main.css" rel="stylesheet">
</head>
<body>
<header>
<img src="/favicon.ico" width="64" height="64">
<h1>MaszToZadanieDomowe.com</h1>
<nav>
<ul>
<li><a href="/index.html">Strona główna</a></li>
<li><a href="/hobby.html">Moje hobby</a></li>
<li><a href="/galeria.html">Galeria</a></li>
<li><a href="https://nonamesoft.xyz/about">Kontakt</a></li>
</ul>
</nav>
</header>
<main>
<h2>Moje hobby</h2>
<hr>
<ul>
<li>
<h4>Programowanie</h4>
<hr>
Ulubione języki programowania/technologie:
<ul>
<br>
<li><a href="https://go.dev">Go</a></li>
<li><a href="https://svelte.dev">Svelte/SvelteKit</a></li>
<li><a href="https://tailwindcss.com">Tailwind CSS</a></li>
<li><a href="https://www.typescriptlang.org/">Typescript</a></li>
</ul>
</li>
<br>
<li>
<h4>Homelabbing</h4>
<hr>
Hosty:
<ul>
<br>
<li>
<h5>Kurin</h5>
<hr>
Urządzenie: Raspberry Pi 4 4GB RAM<br>
System: <a href="https://nixos.org">NixOS</a> (własny obraz skompilowany przez Sircu)<br>
Zastosowanie: "Stabilny host", hostowanie usług webowych nie wymagających wielu zasobów<br>
</li>
<br>
<li>
<h5>Sircu</h5>
<hr>
Urządzenie: Raspberry Pi 5 8GB RAM<br>
System: <a href="https://armbian.com">Armbian</a><br>
Zastosowanie: "Eksperymentalny host", głownie pod hostowanie gier, lecz obecnie przejął funkcje bycia stabilnym hostem oraz bycie serwerem plików dla Kurina<br>
</li>
<br>
</ul>
Ciekawe usługi:
<ul>
<br>
<li>
<h5><a href="https://github.com/9001/copyparty">Copyparty</a></h5>
<hr>
Niewielki serwer plików napisany w Pythonie działający z oboma wersjami języka oraz z nawet najstarszymi przeglądarkami pokroju Internet Explorera 6 czy nawet Netscapea 4
</li>
<br>
<li>
<h5><a href="https://github.com/TriliumNext/Trilium">Trilium</a></h5>
<hr>
Rozszrzalny notatnik/baza wiedzy m.in. gdzie każda notatka typu "kod" może być wykonywana jako skrypt jeśli ma odpowiedni atrybut
</li>
<br>
<li>
<h5><a href="https://mikopbx.com">MikoPBX</a></h5>
<hr>
PBX na bazie Asteriska z interfejsem Webowym który można łatwo postawić na Raspberry Pi
</li>
</ul>
</li>
<br>
<li>
<h4>Linuxowanie</h4>
<hr>
Obecnie na prawie wszystkim mam <a href="https://nixos.org">NixOSa</a>. Troche męczący w konfiguracji ale efekt końcowy jest satysfakcjonujący.
</li>
</ul>
</main>
<footer>
<div>
<div>
<ul>
<li><a href="/index.html">Strona główna</a></li>
<li><a href="/hobby.html">Moje hobby</a></li>
<li><a href="/galeria.html">Galeria</a></li>
<li><a href="https://nonamesoft.xyz/about">Kontakt</a></li>
</ul>
</div>
<strong>Strona &copy; Dark Steveneq, 2025; Nazwę wymyślił Youpiter</strong> <sub>#GradientySąSuper</sub>
</div>
<img src="/assets/images/blahaj.png" height="128">
</footer>
</body>
</html>

57
index.html Normal file
View File

@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MaszToZadanieDomowe.com</title>
<link href="/favicon.ico" rel="favicon">
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body>
<header>
<img src="/favicon.ico" width="64" height="64">
<h1>MaszToZadanieDomowe.com</h1>
<nav>
<ul>
<li><a href="/">Strona główna</a></li>
<li><a href="/hobby.html">Moje hobby</a></li>
<li><a href="/galeria.html">Galeria</a></li>
<li><a href="https://nonamesoft.xyz/about">Kontakt</a></li>
</ul>
</nav>
</header>
<main>
<h2>Witam na mojej stronie</h2>
<hr>
Jak zwykle nie wiem co na indexie dać ale coś jakiegoś jest tutaj.
<br>
A tak, nie pomyślałem żeby zrobić blahaja w wyższej rozdzielczości ale e tam, w końcu stopka na więcej niż jedną linie
<br>
No i będę musiał zrobić żeby stopka była na samym dole a nie w połowie strony
<br><br>
<h2>Drugi akapit</h2>
<hr>
Oczywiście o czym bo o czy innym mialby być?
<br><br>
<h2>Wymęczyło mnie to już</h2>
<hr>
To teraz biorę sie za galerie
</main>
<footer>
<div>
<div>
<ul>
<li><a href="/">Strona główna</a></li>
<li><a href="/hobby">Moje hobby</a></li>
<li><a href="/galeria">Galeria</a></li>
<li><a href="https://nonamesoft.xyz/about">Kontakt</a></li>
</ul>
</div>
<strong>Strona &copy; Dark Steveneq, 2025; Nazwę wymyślił Youpiter</strong> <sub>#GradientySąSuper</sub>
</div>
<img src="assets/images/blahaj.png" height="128">
</footer>
</body>
</html>