diff --git a/assets/css/galeria.css b/assets/css/galeria.css new file mode 100644 index 0000000..c756600 --- /dev/null +++ b/assets/css/galeria.css @@ -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%; +} \ No newline at end of file diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..ae82bc0 --- /dev/null +++ b/assets/css/main.css @@ -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; +} diff --git a/assets/images/1.jpg b/assets/images/1.jpg new file mode 100644 index 0000000..1fa5738 Binary files /dev/null and b/assets/images/1.jpg differ diff --git a/assets/images/2.png b/assets/images/2.png new file mode 100644 index 0000000..1591afb Binary files /dev/null and b/assets/images/2.png differ diff --git a/assets/images/3.jpg b/assets/images/3.jpg new file mode 100644 index 0000000..db0d005 Binary files /dev/null and b/assets/images/3.jpg differ diff --git a/assets/images/blahaj.png b/assets/images/blahaj.png new file mode 100644 index 0000000..9a79adb Binary files /dev/null and b/assets/images/blahaj.png differ diff --git a/assets/images/toster.jpg b/assets/images/toster.jpg new file mode 100644 index 0000000..8a7bc9f Binary files /dev/null and b/assets/images/toster.jpg differ diff --git a/assets/videos/telefon.mp4 b/assets/videos/telefon.mp4 new file mode 100644 index 0000000..ddab3df Binary files /dev/null and b/assets/videos/telefon.mp4 differ diff --git a/assets/videos/unreg-sloik-cam.webm b/assets/videos/unreg-sloik-cam.webm new file mode 100644 index 0000000..d8a98d8 Binary files /dev/null and b/assets/videos/unreg-sloik-cam.webm differ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..1996b69 Binary files /dev/null and b/favicon.ico differ diff --git a/galeria.html b/galeria.html new file mode 100644 index 0000000..14e8fb5 --- /dev/null +++ b/galeria.html @@ -0,0 +1,62 @@ + + + + + + Galeria - MaszToZadanieDomowe.com + + + + + +
+ +

MaszToZadanieDomowe.com

+ +
+
+

Galeria

+
+ + + + + + + + + +
Mały Protogen wyglądający zza dzwiczek szafki patrząc na kości RAM w ręku człowiekaMały Protogen trzymany przez człowieka w ręku wystawiający język ku kościom RAM z tekstem\
Protogen wskazujący palcem na rudę diamentów z Minecrafta mówiąc \Toster.
+

+

Słoik :3

+
+ +

+

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.
Za NIC NIE ODPOWIADAM
A, i na szczęście jest 5 sekund ciszy na początku

+ Youpiter: UMIERAM +

+ +
+ + + \ No newline at end of file diff --git a/hobby.html b/hobby.html new file mode 100644 index 0000000..8c059fc --- /dev/null +++ b/hobby.html @@ -0,0 +1,108 @@ + + + + + + Moje Hobby - MaszToZadanieDomowe.com + + + + +
+ +

MaszToZadanieDomowe.com

+ +
+
+

Moje hobby

+
+ +
+ + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..127e2b3 --- /dev/null +++ b/index.html @@ -0,0 +1,57 @@ + + + + + + MaszToZadanieDomowe.com + + + + +
+ +

MaszToZadanieDomowe.com

+ +
+
+

Witam na mojej stronie

+
+ Jak zwykle nie wiem co na indexie dać ale coś jakiegoś jest tutaj. +
+ 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 +
+ No i będę musiał zrobić żeby stopka była na samym dole a nie w połowie strony +

+ +

Drugi akapit

+
+ Oczywiście o czym bo o czy innym mialby być? +

+ +

Wymęczyło mnie to już

+
+ To teraz biorę sie za galerie +
+ + + \ No newline at end of file