-
Trojan's Trophy Room
+
+
\ No newline at end of file
diff --git a/assets/plat3.webp b/assets/plat3.webp
deleted file mode 100644
index 4e7247c..0000000
Binary files a/assets/plat3.webp and /dev/null differ
diff --git a/assets/trojan_image_1.png b/assets/trojan_image_1.png
new file mode 100644
index 0000000..86e2552
Binary files /dev/null and b/assets/trojan_image_1.png differ
diff --git a/assets/trojan_image_2.png b/assets/trojan_image_2.png
new file mode 100644
index 0000000..fd1f731
Binary files /dev/null and b/assets/trojan_image_2.png differ
diff --git a/assets/twitch.svg b/assets/twitch.svg
new file mode 100644
index 0000000..3120fea
--- /dev/null
+++ b/assets/twitch.svg
@@ -0,0 +1,21 @@
+
+
+
diff --git a/assets/youtube.svg b/assets/youtube.svg
new file mode 100644
index 0000000..6803226
--- /dev/null
+++ b/assets/youtube.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/index.php b/index.php
index 378694b..a64dff6 100644
--- a/index.php
+++ b/index.php
@@ -14,6 +14,21 @@ session_start();
+
+
Trojan's Trophy Room
diff --git a/styles/primary.css b/styles/primary.css
index df5c87f..e28918e 100644
--- a/styles/primary.css
+++ b/styles/primary.css
@@ -1,3 +1,6 @@
+/* "BUNGEE" font used for header */
+@import url('https://fonts.googleapis.com/css2?family=Bungee+Inline&display=swap');
+
/* Line break for flex layout */
.newLine {
width: 100%;
@@ -52,7 +55,6 @@ Modifies and defines the iFrame that's holding the content shown to the user
#contentFrame h1 {
margin: auto;
- padding-bottom: 20px;
}
#contentFrame h2,h3 {
@@ -61,6 +63,145 @@ Modifies and defines the iFrame that's holding the content shown to the user
}
+/*
+HEADER
+*/
+
+.header {
+ width:100%;
+ display: flex;
+ flex-wrap: nowrap;
+ justify-content: center;
+ margin: auto;
+ font-size: 1.5em;
+}
+
+#headerLeft {
+ height: 100%;
+ width: 20%;
+}
+#headerLeft img {
+ border-radius: 50%;
+}
+
+#headerImage {
+ height: 100%;
+ width: 75%;
+}
+
+#headerRight {
+ height: 100%;
+ width: 20%;
+ text-align: right;
+}
+#headerRight img {
+ border-radius: 50%;
+}
+
+#headerText {
+ font-family: "Bungee Inline", sans-serif;
+ color: rgb(40, 80, 255);
+ width: 100%;
+ text-align: center;
+ padding-right: 5%;
+ padding-left: 5%;
+ font-weight: 500;
+}
+
+#headerCentre {
+ width:60%;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+
+#socialsPanel {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+#twitchImage {
+ margin:auto;
+ display: flex;
+ justify-content: center;
+ padding: 1%;
+ height: 60px;
+ width: 100px;
+ border-radius: 8px;
+ cursor: pointer;
+}
+#twitchImage img {
+ object-fit: contain;
+}
+#twitchImage :hover {
+ opacity: 80%;
+ filter: blur(1px);
+ scale: 1.15;
+}
+#twitchImage :active {
+ opacity: 60%;
+ filter: blur(3px);
+ scale: 1.05;
+}
+
+#youtubeImage {
+ margin:auto;
+ display: flex;
+ justify-content: center;
+ padding: 1%;
+ height: 60px;
+ width: 100px;
+ border-radius: 8px;
+ cursor: pointer;
+}
+#youtubeImage img{
+ object-fit: contain;
+ height: 125%;
+ translate: 0 -12%;
+}
+#youtubeImage :hover {
+ opacity: 80%;
+ filter: blur(1px);
+ scale: 1.1;
+}
+#youtubeImage :active {
+ opacity: 60%;
+ filter: blur(3px);
+ scale: 1.03;
+}
+
+#discordImage {
+ margin:auto;
+ display: flex;
+ justify-content: center;
+ padding: 1%;
+ height: 60px;
+ width: 100px;
+ border-radius: 8px;
+ cursor: pointer;
+}
+#discordImage img {
+ object-fit: contain;
+ height: 90%;
+ translate: 0 5%;
+}
+#discordImage :hover {
+ opacity: 80%;
+ filter: blur(1px);
+ scale: 1.15;
+}
+#discordImage :active {
+ opacity: 60%;
+ filter: blur(3px);
+ scale: 1.05;
+}
+
+
+
/*
STANDARD NAVIGATION
diff --git a/user/user.php b/user/user.php
index 4382408..e86a726 100644
--- a/user/user.php
+++ b/user/user.php
@@ -48,7 +48,21 @@ try { // Try opening the SQL database connection
-
Trojan's Trophy Room
+
+
+ 
+