diff --git a/static/images/feast-logo.png b/static/images/feast-logo.png new file mode 100644 index 0000000..5028b68 Binary files /dev/null and b/static/images/feast-logo.png differ diff --git a/static/images/gorge-logo.png b/static/images/gorge-logo.png new file mode 100644 index 0000000..51b2c67 Binary files /dev/null and b/static/images/gorge-logo.png differ diff --git a/static/images/satiate-logo.png b/static/images/satiate-logo.png new file mode 100644 index 0000000..c358803 Binary files /dev/null and b/static/images/satiate-logo.png differ diff --git a/static/images/stroll-logo.png b/static/images/stroll-logo.png new file mode 100644 index 0000000..ec101ff Binary files /dev/null and b/static/images/stroll-logo.png differ diff --git a/static/sexy.css b/static/sexy.css index a05c3a7..632f80e 100644 --- a/static/sexy.css +++ b/static/sexy.css @@ -123,3 +123,97 @@ a:hover { font-size: 10vw; } } + +.flex-container { + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: wrap; +} + +.game-button { + user-select: none; + position: relative; + width: 40vh; +} + +.game-logo { + width: 40vh; + opacity: 0.5; +} + +.game-button:hover > .game-logo { + opacity: 1; +} + +.game-title { + position: absolute; + color: rgb(183, 16, 206); + font-size: 10vh; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + z-index: 1; + transition: 0.2s; +} + +.game-button:hover > .game-title { + font-size: 12vh; +} + +.game-description { + display: none; + position: fixed; + left: 50%; + top: 80%; + transform: translate(-50%, 0); +} + +.game-button:hover > .game-description { + display: inline; +} + +.title { + font-size: 100px; + color: rgb(183, 16, 206); + position: fixed; + left: 50%; + top: 10%; + transform: translate(-50%, 0); +} + +.switcher { + text-align: center; + background-color: pink; + min-width: 300px; + min-height: 100px; + position: fixed; + right: -100px; + top: 0px; + transform: rotate(45deg); +} + +.switcher-text { + position: relative; + color: black; + font-size: 24px; + top: 25px; +} + +.discord { + text-align: center; + background-color: pink; + min-width: 300px; + min-height: 100px; + position: fixed; + left: -100px; + top: 0px; + transform: rotate(-45deg); +} + +.discord-text { + position: relative; + color: black; + font-size: 24px; + top: 40px; +} diff --git a/templates/index.html b/templates/index.html index 9809d46..397abbd 100644 --- a/templates/index.html +++ b/templates/index.html @@ -5,19 +5,42 @@ -
-

Fen's Games

-
Join the Discord server!
-
View unstable nightly builds
-
- Stroll -
- Feast -
- Gorge -
- Satiate - +
+ fen's games
+
+ +
stroll
+
A macro/vore procedural game
+ + + +
feast
+
A vore-focused RPG
+ + + +
gorge
+
An idle/clicker vore game
+ + + +
satiate
+
A text adventure engine with an emphasis on sound
+ + +
+ +
+ nightly +
+ builds +
+ + +
+ Discord +
+ diff --git a/templates/nightly.html b/templates/nightly.html index 093348b..d0b4400 100644 --- a/templates/nightly.html +++ b/templates/nightly.html @@ -5,19 +5,42 @@ -
-

Fen's Games

-
Join the Discord server!
-
View stable releases
-
- Stroll -
- Feast -
- Gorge -
- Satiate - +
+ fen's games
+
+ +
stroll
+
A macro/vore procedural game
+ + + +
feast
+
A vore-focused RPG
+ + + +
gorge
+
An idle/clicker vore game
+ + + +
satiate
+
A text adventure engine with an emphasis on sound
+ + +
+ +
+ stable +
+ builds +
+ + +
+ Discord +
+