commit cacba4c64c6ce1d6b54e6f297f2a5bdc0ad03835 Author: theKapcioszek Date: Mon Nov 28 13:23:16 2022 +0100 Utworzenie repozytorium i pierwszy commit diff --git a/img/bootlegprincess.png b/img/bootlegprincess.png new file mode 100644 index 0000000..340e80e Binary files /dev/null and b/img/bootlegprincess.png differ diff --git a/img/channels4_profile.ico b/img/channels4_profile.ico new file mode 100644 index 0000000..17d491b Binary files /dev/null and b/img/channels4_profile.ico differ diff --git a/img/channels4_profile_1.png b/img/channels4_profile_1.png new file mode 100644 index 0000000..edf74b5 Binary files /dev/null and b/img/channels4_profile_1.png differ diff --git a/img/channels4_profile_2.png b/img/channels4_profile_2.png new file mode 100644 index 0000000..adcd2e4 Binary files /dev/null and b/img/channels4_profile_2.png differ diff --git a/img/channels4_profile_3.png b/img/channels4_profile_3.png new file mode 100644 index 0000000..9c08109 Binary files /dev/null and b/img/channels4_profile_3.png differ diff --git a/img/meadow.jpg b/img/meadow.jpg new file mode 100644 index 0000000..f467ea3 Binary files /dev/null and b/img/meadow.jpg differ diff --git a/img/sky.jpg b/img/sky.jpg new file mode 100644 index 0000000..cd62055 Binary files /dev/null and b/img/sky.jpg differ diff --git a/img/space.jpg b/img/space.jpg new file mode 100644 index 0000000..51c19a3 Binary files /dev/null and b/img/space.jpg differ diff --git a/img/trees.jpg b/img/trees.jpg new file mode 100644 index 0000000..709fe1c Binary files /dev/null and b/img/trees.jpg differ diff --git a/img/undefined.png b/img/undefined.png new file mode 100644 index 0000000..618118b Binary files /dev/null and b/img/undefined.png differ diff --git a/img/voguesociety.png b/img/voguesociety.png new file mode 100644 index 0000000..c4d09f2 Binary files /dev/null and b/img/voguesociety.png differ diff --git a/kod/about.php b/kod/about.php new file mode 100644 index 0000000..cf05b39 --- /dev/null +++ b/kod/about.php @@ -0,0 +1,117 @@ + + + + + + + + + + + + Kapcioszek - O mnie + + + + +
+ + connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM menu;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + + + + + + + + + +
+
+
+

O mnie

+
+
+

+ Hej! Jestem Kapcioszek. Moim hobby jest produkcja muzyki. Myślę, że z każdym albumem idzie mi + coraz lepiej ale to już tobie, drogi słuchaczu oceniać. Jednym z moich marzeń jest możliwość robienia w + przyszłości piosenek z tekstem (na razie tworzę tylko utwory z samą muzyką). + Oprócz tworzenia muzyki lubie również informstykę, gry wideo oraz "siedzę" trochę w grach RPG. + W każdym razie życzę dobrego dnia i pamiętaj o tym żeby się nawadniać oraz dobrze się wyspać. :3 +

+
+ +
+ + +
+
+

Kontakt:

+
+

Email: kapcioszek@onet.pl

+
+
+ +
+
+
Kapcioszek
+ connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM footer;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + +
+ + +
+ + + +
+ + + \ No newline at end of file diff --git a/kod/album_bootleg_princess.php b/kod/album_bootleg_princess.php new file mode 100644 index 0000000..a86266a --- /dev/null +++ b/kod/album_bootleg_princess.php @@ -0,0 +1,122 @@ + + + + + + + + + + + + Kapcioszek - Bootleg Princess + + + + +
+
+ logo +

Kapcioszek

 +
+ connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM menu;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + + + + + + + + + +
+
+
+

Bootleg Princess

+
+
+ + connect_error) { + die("Connection failed " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + $result = mysqli_query($link, "SELECT name, link FROM utwor WHERE album = 2;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + + + + + +
+ + + +
+
+ +
+
+
Kapcioszek
+ connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM footer;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + +
+ + +
+ + + +
+ + + \ No newline at end of file diff --git a/kod/album_undefined.php b/kod/album_undefined.php new file mode 100644 index 0000000..9589fb6 --- /dev/null +++ b/kod/album_undefined.php @@ -0,0 +1,122 @@ + + + + + + + + + + + + Kapcioszek - Undefined + + + + +
+
+ logo +

Kapcioszek

 +
+ connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM menu;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + + + + + + + + + +
+
+
+

Undefined

+
+
+ + connect_error) { + die("Connection failed " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + $result = mysqli_query($link, "SELECT name, link FROM utwor WHERE album = 1;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + + + + + +
+ + + +
+
+ +
+
+
Kapcioszek
+ connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM footer;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + +
+ + +
+ + + +
+ + + \ No newline at end of file diff --git a/kod/album_vogue_society.php b/kod/album_vogue_society.php new file mode 100644 index 0000000..8cdf81d --- /dev/null +++ b/kod/album_vogue_society.php @@ -0,0 +1,122 @@ + + + + + + + + + + + + Kapcioszek - Vogue Society + + + + +
+
+ logo +

Kapcioszek

 +
+ connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM menu;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + + + + + + + + + +
+
+
+

Vogue Society

+
+
+ + connect_error) { + die("Connection failed " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + $result = mysqli_query($link, "SELECT name, link FROM utwor WHERE album = 3;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + + + + + +
+ + + +
+
+ +
+
+
Kapcioszek
+ connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM footer;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + +
+ + +
+ + + +
+ + + \ No newline at end of file diff --git a/kod/albumy.php b/kod/albumy.php new file mode 100644 index 0000000..75aa816 --- /dev/null +++ b/kod/albumy.php @@ -0,0 +1,126 @@ + + + + + + + + + + + + Kapcioszek - Albumy + + + + +
+ + connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM menu;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + + + + + + + + + +
+
+
+

Albumy

+
+ + + connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not connect to database"); + + $result = mysqli_query($link, "SELECT cover_art, name, year_of_release, link FROM album;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + + + + + + + +
+ + + + + +
+
+
+
Kapcioszek
+ connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM footer;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + +
+ + +
+ + + +
+ + + \ No newline at end of file diff --git a/kod/index.php b/kod/index.php new file mode 100644 index 0000000..9edbd8b --- /dev/null +++ b/kod/index.php @@ -0,0 +1,159 @@ + + + + + + + + + + + + Kapcioszek - Strona Główna + + + + +
+ + + connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM menu;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + + + + + + + + + +
+
+
+

Strona Główna

+
+
+

+ Hej! Jestem Kapcioszek. Moim hobby produkcja muzyki. Myślę, że z każdym albumem idzie + mi coraz lepiej ale to już tobie, drogi słuchaczu oceniać. Jednym z moich marzeń jest możliwość robienia + w przyszłości piosenek z tekstem (na razie tworzę tylko utwory z samą muzyką). +

+

+ Dotychczas mam wydane dwa albumy plus trzeci prawie skończony (niestety przez problemy z komputerem oraz + sprawy prywatne prace się mocno opóźniły), który mam nadzieję wydać jeszcze w tym roku. Oprócz tego mam + na swoim kanale na youtube jeszcze kilka utowrów nie należących do żadnego albumu albo, które miały być + albumami a ostatecznie + wyszło z tego tylko kilka utworów. +

+
+
+

+ Losowe polecenie utworu: +

+ + connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + $result = mysqli_query($link, "SELECT ID FROM utwor;"); + + while ($row = mysqli_fetch_array($result)) { + array_push($tab,$row['ID']); + } + + $losowanie_utworu = rand(1, count($tab)); + + + $result = mysqli_query($link, "SELECT utwor.name, utwor.link, album.name AS aname FROM utwor JOIN album on utwor.album = album.ID WHERE utwor.ID = $losowanie_utworu;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + + + + + + + + +
+ + + + + +
+
+ +
+
+
Kapcioszek
+ connect_error) { + die("Connection failed: " . $link->connect_error); + } + + mysqli_select_db($link, 'strona_praktyka') + or die("Could not select database"); + + + $result = mysqli_query($link, "SELECT name, link FROM footer;"); + + while ($row = mysqli_fetch_array($result)) { + ?> + +
+ + +
+ + + +
+ + + \ No newline at end of file diff --git a/kod/style/style-main.css b/kod/style/style-main.css new file mode 100644 index 0000000..abec36f --- /dev/null +++ b/kod/style/style-main.css @@ -0,0 +1,144 @@ +body { + color: #fcc49c; + background-image: url("../../img/sky.jpg"); + background-size: cover; + margin: 0px; +} + +a { + color: #fcc49c; + text-decoration: none; +} + +h1 { + font-family: 'IBM Plex Mono', monospace; + font-size: 60px; +} + +h2 { + font-family: 'IBM Plex Mono', monospace; + margin-bottom: 5%; + font-size: 40px; +} + +h3 { + font-family: 'IBM Plex Mono', monospace; + font-size: 30px; +} + +td { + border: 5px solid white; + font-family: 'Montserrat', sans-serif; + font-weight: bold; + font-size: 25px; +} + +tr:hover { + background-color: #ff9466; + text-decoration: #5b1d15; +} + +p { + font-family: 'IBM Plex Mono', monospace; + font-size: 18px; + margin-left: 10%; + margin-right: 10%; + margin-bottom: 5%; +} + +.menu { + text-align: center; + display: flex; + justify-content: center; + font-family: 'Montserrat', sans-serif; + font-size: 20px; + background-color: #ff9466; +} + +.menu a { + margin: 1%; + background-color: #5b1d15; + border-radius: 5%; + padding: 0.5%; + color: #ff9466; +} + +.menu a:hover { + background-color: #ff9466; + color: #5b1d15; +} + +.menu #branding { + position: absolute; + display: flex; + top: 1%; + left: 1%; + margin: 0px; + background: none; +} + +.menu #branding a { + background: none; +} + +.menu #branding img { + width: 60px; + height: 60px; +} + +.menu #branding p { + font-size: 30px; + color: #5b1d15; + margin-left: 10%; + margin-top: 9%; + font-family: 'Oregano', cursive; +} + +.body { + text-align: center; + display: flex; + flex-direction: column; + margin-left: 20%; + margin-right: 20%; + padding-left: 5%; + padding-right: 5%; + padding-top: 4%; + padding-bottom: 4%; + background-color: #5b1d15; +} + +.body-mp { + text-align: center; + align-items: center; + display: flex; + flex-direction: column; + margin-left: 20%; + margin-right: 20%; + padding-left: 5%; + padding-right: 5%; + padding-top: 4%; + padding-bottom: 4%; + background-color: #5b1d15; +} + +.body img { + margin-left: 5%; + margin-right: 5%; +} + +.footer { + font-family: 'IBM Plex Mono', monospace; + font-size: 16px; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-items: flex-end; + border-top: 1px #c87b5a solid; + padding-bottom: 1.5%; + padding-top: 1.1%; + background-color: #5b1d15; +} + +.footer a { + color: #c87b5a; +} \ No newline at end of file diff --git a/kod/style/style1.css b/kod/style/style1.css new file mode 100644 index 0000000..0f5a4a9 --- /dev/null +++ b/kod/style/style1.css @@ -0,0 +1,131 @@ +body { + color: white; + background-image: url("../../img/space.jpg"); + background-size: cover; + margin: 0px; +} + +a { + color: white; + text-decoration: none; +} + +h1 { + font-family: 'IBM Plex Mono', monospace; + font-size: 60px; +} + +h2 { + font-family: 'IBM Plex Mono', monospace; + margin-bottom: 5%; + font-size: 40px; +} + +h3 { + font-family: 'IBM Plex Mono', monospace; + font-size: 30px; +} + +td { + border: 5px solid white; + font-family: 'Montserrat', sans-serif; + font-weight: bold; + font-size: 25px; +} + +tr:hover { + background-color: white; + color: black; +} + +p { + font-family: 'IBM Plex Mono', monospace; + font-size: 18px; + margin-left: 10%; + margin-right: 10%; + margin-bottom: 5%; +} + +.menu { + text-align: center; + display: flex; + justify-content: center; + font-family: 'Montserrat', sans-serif; + font-size: 20px; + background-color: white; +} + +.menu a { + margin: 1%; + background-color: black; + border-radius: 5%; + padding: 0.5%; + color: white; +} + +.menu a:hover { + background-color: white; + color: black; +} + +.menu #branding { + position: absolute; + display: flex; + top: 1%; + left: 1%; + margin: 0px; + background: none; +} + +.menu #branding a { + background: none; +} + +.menu #branding img { + width: 60px; + height: 60px; +} + +.menu #branding p { + font-size: 30px; + color: black; + margin-left: 10%; + margin-top: 9%; + font-family: 'Oregano', cursive; +} + +.body { + text-align: center; + align-items: center; + display: flex; + flex-direction: column; + margin-left: 20%; + margin-right: 20%; + padding-left: 5%; + padding-right: 5%; + padding-top: 4.1%; + padding-bottom: 4.5%; + background-color: black; +} + +.body img { + margin-left: 5%; + margin-right: 5%; +} + +.footer { + font-family: 'IBM Plex Mono', monospace; + font-size: 16px; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-items: flex-end; + border-top: 1px grey solid; + padding-bottom: 1%; + padding-top: 1%; + background-color: black; +} + +.footer a { + color: grey; +} \ No newline at end of file diff --git a/kod/style/style2.css b/kod/style/style2.css new file mode 100644 index 0000000..c54a184 --- /dev/null +++ b/kod/style/style2.css @@ -0,0 +1,132 @@ +body { + color: #dded00; + background-image: url("../../img/trees.jpg"); + background-size: cover; + background-size: cover; + margin: 0px; +} + +a { + color: #dded00; + text-decoration: none; +} + +h1 { + font-family: 'IBM Plex Mono', monospace; + font-size: 60px; +} + +h2 { + font-family: 'IBM Plex Mono', monospace; + margin-bottom: 5%; + font-size: 40px; +} + +h3 { + font-family: 'IBM Plex Mono', monospace; + font-size: 30px; +} + +td { + border: 5px solid white; + font-family: 'Montserrat', sans-serif; + font-weight: bold; + font-size: 25px; +} + +tr:hover { + background-color: #dded00; + color: #615263; +} + +p { + font-family: 'IBM Plex Mono', monospace; + font-size: 18px; + margin-left: 10%; + margin-right: 10%; + margin-bottom: 5%; +} + +.menu { + text-align: center; + display: flex; + justify-content: center; + font-family: 'Montserrat', sans-serif; + font-size: 20px; + background-color: #dded00; +} + +.menu a { + margin: 1%; + background-color: #615263; + border-radius: 5%; + padding: 0.5%; + color: #dded00; +} + +.menu a:hover { + background-color: #dded00; + color: #615263; +} + +.menu #branding { + position: absolute; + display: flex; + top: 1%; + left: 1%; + margin: 0px; + background: none; +} + +.menu #branding a { + background: none; +} + +.menu #branding img { + width: 60px; + height: 60px; +} + +.menu #branding p { + font-size: 30px; + color: #615263; + margin-left: 10%; + margin-top: 9%; + font-family: 'Oregano', cursive; +} + +.body { + text-align: center; + align-items: center; + display: flex; + flex-direction: column; + margin-left: 20%; + margin-right: 20%; + padding-left: 5%; + padding-right: 5%; + padding-top: 4.1%; + padding-bottom: 4.5%; + background-color: #615263; +} + +.body img { + margin-left: 5%; + margin-right: 5%; +} + +.footer { + font-family: 'IBM Plex Mono', monospace; + font-size: 16px; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-items: flex-end; + border-top: 1px #919926 solid; + padding-bottom: 1%; + padding-top: 1%; + background-color: #615263; +} + +.footer a { + color: #919926; +} \ No newline at end of file diff --git a/kod/style/style3.css b/kod/style/style3.css new file mode 100644 index 0000000..ed94c15 --- /dev/null +++ b/kod/style/style3.css @@ -0,0 +1,131 @@ +body { + color: #e7e084; + background-image: url("../../img/meadow.jpg"); + background-size: cover; + margin: 0px; +} + +a { + color: #e7e084; + text-decoration: none; +} + +h1 { + font-family: 'IBM Plex Mono', monospace; + font-size: 60px; +} + +h2 { + font-family: 'IBM Plex Mono', monospace; + margin-bottom: 5%; + font-size: 40px; +} + +h3 { + font-family: 'IBM Plex Mono', monospace; + font-size: 30px; +} + +td { + border: 5px solid white; + font-family: 'Montserrat', sans-serif; + font-weight: bold; + font-size: 25px; +} + +tr:hover { + background-color: #e7e084; + color: #2a2121; +} + +p { + font-family: 'IBM Plex Mono', monospace; + font-size: 18px; + margin-left: 10%; + margin-right: 10%; + margin-bottom: 5%; +} + +.menu { + text-align: center; + display: flex; + justify-content: center; + font-family: 'Montserrat', sans-serif; + font-size: 20px; + background-color: #e7e084; +} + +.menu a { + margin: 1%; + background-color: #2a2121; + border-radius: 5%; + padding: 0.5%; + color: #e7e084; +} + +.menu a:hover { + background-color: #e7e084; + color: #2a2121; +} + +.menu #branding { + position: absolute; + display: flex; + top: 1%; + left: 1%; + margin: 0px; + background: none; +} + +.menu #branding a { + background: none; +} + +.menu #branding img { + width: 60px; + height: 60px; +} + +.menu #branding p { + font-size: 30px; + color: #2a2121; + margin-left: 10%; + margin-top: 9%; + font-family: 'Oregano', cursive; +} + +.body { + text-align: center; + align-items: center; + display: flex; + flex-direction: column; + margin-left: 20%; + margin-right: 20%; + padding-left: 5%; + padding-right: 5%; + padding-top: 4.1%; + padding-bottom: 4.5%; + background-color: #2a2121; +} + +.body img { + margin-left: 5%; + margin-right: 5%; +} + +.footer { + font-family: 'IBM Plex Mono', monospace; + font-size: 16px; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-items: flex-end; + border-top: 1px #99966d solid; + padding-bottom: 1%; + padding-top: 1%; + background-color: #2a2121; +} + +.footer a { + color: #99966d; +} \ No newline at end of file