diff --git a/assets/Youssef.jpg b/assets/Youssef.jpg new file mode 100644 index 0000000..aafd490 Binary files /dev/null and b/assets/Youssef.jpg differ diff --git a/assets/games.js b/assets/games.js new file mode 100644 index 0000000..06f479d --- /dev/null +++ b/assets/games.js @@ -0,0 +1 @@ +console.error(new ReferenceError("No games found.")); \ No newline at end of file diff --git a/assets/styles.css b/assets/styles.css new file mode 100644 index 0000000..fea5b72 --- /dev/null +++ b/assets/styles.css @@ -0,0 +1,91 @@ +@import url("https://fonts.googleapis.com/css?family=Inter:100;200;300;400;500;600;700;800;900&display=swap"); + +:root { + --Inter: Inter; + --cursor-default: default; + --cursor-text: text; + --cursor-pointer: pointer; + --cursor-not-allowed: not-allowed; +} + +* { + font-family: var(--Inter); +} + +body { + margin: 0; +} + +.content { + display: flex; + min-height: 100vh; + flex-direction: column; + align-items: center; + align-content: center; + justify-content: center; +} + +.flex { + display: flex; +} + +.flex.center { + align-items: center; + align-content: center; + justify-content: center; +} + +.flex.direction-row { + flex-direction: row; +} + +.flex.direction-row-reverse { + flex-direction: row-reverse; +} + +.flex.direction-column { + flex-direction: column; +} + +.flex.direction-column-reverse { + flex-direction: column-reverse; +} + +.flex.wrap { + flex-wrap: wrap; +} + +.navbar { + display: flex; + position: fixed; + flex-direction: column; + align-items: center; + align-content: center; + justify-content: center; + gap: 10px; + background: rgb(255, 255, 255); + color: rgb(0, 0, 0); + border-bottom: 2px solid rgb(0, 0, 0); + width: 100%; + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.373); + top: 0; + pointer-events: none; +} + +button:not(:disabled) { + padding: 9.5px; + border-radius: 30px; + border: none; + background: rgb(129, 96, 206); + color: rgb(255, 255, 255); + cursor: var(--cursor-pointer); +} + +button:disabled { + padding: 9.5px; + border-radius: 30px; + border: none; + background: rgb(104, 12, 12); + color: rgb(255, 255, 255); + cursor: var(--cursor-not-allowed); +} diff --git a/games/embed/index.html b/games/embed/index.html new file mode 100644 index 0000000..2a34f79 --- /dev/null +++ b/games/embed/index.html @@ -0,0 +1,22 @@ + + + + + + + + Youssef's Games - Game List + + +
+

Games

+
+

Nothing yet. :(

+
+ + Youssef +
+ + + + \ No newline at end of file diff --git a/games/index.html b/games/index.html new file mode 100644 index 0000000..df1aeaa --- /dev/null +++ b/games/index.html @@ -0,0 +1,27 @@ + + + + + + + + Youssef's Games - Game List + + +
+ +

Games

+
+

Nothing yet. :(

+
+ +
+ + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..9b2e276 --- /dev/null +++ b/index.html @@ -0,0 +1,26 @@ + + + + + + + + Youssef's Games - Game List + + +
+ +
+ Loading... +
+ If you still see this message, the /games page might be down or your Internet is slow. +
+
+ + + \ No newline at end of file