mirror of
https://github.com/Fluffy-Bean/GameExpo23.git
synced 2025-06-24 16:46:17 +00:00
Delete dead code and stuff
This commit is contained in:
parent
e4f53f9ea4
commit
bbc226be75
6 changed files with 19 additions and 41 deletions
File diff suppressed because one or more lines are too long
BIN
DV8-Expo/website/static/images/logos/2.jpg
Normal file
BIN
DV8-Expo/website/static/images/logos/2.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 57 KiB |
|
@ -16,24 +16,8 @@ header
|
||||||
|
|
||||||
> span
|
> span
|
||||||
font-family: $monospace-font
|
font-family: $monospace-font
|
||||||
position: relative
|
font-weight: normal
|
||||||
|
color: RGB($accent)
|
||||||
&::before
|
|
||||||
content: attr(data-text)
|
|
||||||
|
|
||||||
font-weight: bolder
|
|
||||||
position: absolute
|
|
||||||
inset: 0
|
|
||||||
|
|
||||||
background-image: linear-gradient(45deg, #F36023, #FFE11C, #00AAB0, #D51E90, #C0D939)
|
|
||||||
background-size: 250%
|
|
||||||
background-clip: text
|
|
||||||
-webkit-background-clip: text
|
|
||||||
color: transparent
|
|
||||||
|
|
||||||
filter: blur(0.2rem)
|
|
||||||
animation: gradient 10s ease-in-out infinite
|
|
||||||
z-index: -1
|
|
||||||
|
|
||||||
> p
|
> p
|
||||||
margin: 0
|
margin: 0
|
||||||
|
@ -41,10 +25,12 @@ header
|
||||||
|
|
||||||
> img
|
> img
|
||||||
margin-bottom: 1rem
|
margin-bottom: 1rem
|
||||||
max-width: 40rem
|
width: 40rem
|
||||||
|
height: auto
|
||||||
|
max-width: 100%
|
||||||
max-height: 30rem
|
max-height: 30rem
|
||||||
|
|
||||||
> i
|
> i
|
||||||
margin: 1rem 0 0
|
margin: 1rem 0 0
|
||||||
font-size: 1.2rem
|
font-size: 1.2rem
|
||||||
animation: glow 3s ease-in-out infinite
|
animation: glow 3s ease-in-out infinite
|
||||||
|
|
|
@ -18,6 +18,7 @@ nav
|
||||||
white-space: nowrap
|
white-space: nowrap
|
||||||
|
|
||||||
color: RGB($primary)
|
color: RGB($primary)
|
||||||
|
border-bottom: 1px solid RGB($primary)
|
||||||
|
|
||||||
overflow: hidden
|
overflow: hidden
|
||||||
z-index: 100
|
z-index: 100
|
||||||
|
@ -31,10 +32,8 @@ nav
|
||||||
transform: translateY(-3rem)
|
transform: translateY(-3rem)
|
||||||
transition: transform 0.2s ease-in-out
|
transition: transform 0.2s ease-in-out
|
||||||
z-index: -1
|
z-index: -1
|
||||||
|
|
||||||
> span
|
> span
|
||||||
width: 100%
|
width: 100%
|
||||||
|
|
||||||
> ul
|
> ul
|
||||||
margin: 0
|
margin: 0
|
||||||
padding: 0
|
padding: 0
|
||||||
|
@ -44,7 +43,6 @@ nav
|
||||||
display: flex
|
display: flex
|
||||||
flex-direction: row
|
flex-direction: row
|
||||||
align-items: center
|
align-items: center
|
||||||
|
|
||||||
> li > a
|
> li > a
|
||||||
margin: 0 0.75rem
|
margin: 0 0.75rem
|
||||||
padding: 0.1rem 0.5rem
|
padding: 0.1rem 0.5rem
|
||||||
|
@ -61,33 +59,23 @@ nav
|
||||||
flex-direction: row
|
flex-direction: row
|
||||||
align-items: center
|
align-items: center
|
||||||
justify-content: center
|
justify-content: center
|
||||||
//opacity: 0
|
|
||||||
//transition: opacity 0.1s ease-in-out
|
|
||||||
|
|
||||||
> p
|
> p
|
||||||
margin: auto
|
margin: auto
|
||||||
font-size: inherit
|
font-size: inherit
|
||||||
color: inherit
|
color: inherit
|
||||||
transition: color 0.1s ease-in-out
|
transition: color 0.1s ease-in-out
|
||||||
|
|
||||||
> span
|
> span
|
||||||
font-family: $monospace-font
|
font-family: $monospace-font
|
||||||
color: RGB($accent)
|
color: RGB($accent)
|
||||||
|
|
||||||
&.scrolled
|
&.scrolled
|
||||||
//.title
|
|
||||||
// opacity: 1
|
|
||||||
// transition: opacity 0.1s ease-in-out 0.1s
|
|
||||||
|
|
||||||
color: RGB($secondary)
|
color: RGB($secondary)
|
||||||
|
|
||||||
&::before
|
&::before
|
||||||
transform: translateY(0)
|
transform: translateY(0)
|
||||||
|
|
||||||
@media (max-width: 600px)
|
@media (max-width: 600px)
|
||||||
nav
|
nav
|
||||||
padding-right: 1rem
|
padding-right: 1rem
|
||||||
|
|
||||||
height: 6rem
|
height: 6rem
|
||||||
top: -3rem
|
top: -3rem
|
||||||
display: flex
|
display: flex
|
||||||
|
@ -97,7 +85,6 @@ nav
|
||||||
|
|
||||||
> .title
|
> .title
|
||||||
opacity: 1
|
opacity: 1
|
||||||
|
|
||||||
> p
|
> p
|
||||||
font-size: 1.3rem
|
font-size: 1.3rem
|
||||||
|
|
||||||
|
|
|
@ -18,6 +18,8 @@ section
|
||||||
@media (max-width: 600px)
|
@media (max-width: 600px)
|
||||||
section
|
section
|
||||||
scroll-margin-top: 7rem
|
scroll-margin-top: 7rem
|
||||||
|
text-align: center
|
||||||
|
justify-content: center
|
||||||
|
|
||||||
.login
|
.login
|
||||||
padding: 0.5rem
|
padding: 0.5rem
|
||||||
|
@ -77,6 +79,7 @@ section
|
||||||
background-color: RGB($secondary-button)
|
background-color: RGB($secondary-button)
|
||||||
|
|
||||||
.games
|
.games
|
||||||
|
margin-top: 1rem
|
||||||
display: flex
|
display: flex
|
||||||
flex-direction: row
|
flex-direction: row
|
||||||
flex-wrap: wrap
|
flex-wrap: wrap
|
||||||
|
@ -87,9 +90,6 @@ section
|
||||||
padding: 1rem
|
padding: 1rem
|
||||||
|
|
||||||
width: 16rem
|
width: 16rem
|
||||||
// Height is set by JS to keep an aspect ratio
|
|
||||||
// Though there is a CSS solution, its too new
|
|
||||||
// For me to be comfortable using it
|
|
||||||
height: 0
|
height: 0
|
||||||
|
|
||||||
position: relative
|
position: relative
|
||||||
|
@ -100,6 +100,7 @@ section
|
||||||
font-family: $main-font
|
font-family: $main-font
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
text-decoration: none
|
text-decoration: none
|
||||||
|
text-align: center
|
||||||
|
|
||||||
background-color: RGB($primary)
|
background-color: RGB($primary)
|
||||||
color: RGB($secondary)
|
color: RGB($secondary)
|
||||||
|
@ -135,6 +136,8 @@ section
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
gap: 0.5rem
|
gap: 0.5rem
|
||||||
|
|
||||||
|
font-weight: bold
|
||||||
|
|
||||||
z-index: +3
|
z-index: +3
|
||||||
|
|
||||||
.logo
|
.logo
|
||||||
|
@ -142,14 +145,13 @@ section
|
||||||
width: auto
|
width: auto
|
||||||
height: auto
|
height: auto
|
||||||
max-width: 100%
|
max-width: 100%
|
||||||
max-height: 50%
|
max-height: 40%
|
||||||
display: block
|
display: block
|
||||||
border-radius: calc(#{$radius} - 0.5rem)
|
border-radius: calc(#{$radius} / 2)
|
||||||
|
|
||||||
> h2
|
> h2
|
||||||
margin: 0
|
margin: 0
|
||||||
font-size: 2rem
|
font-size: 2rem
|
||||||
font-weight: bold
|
|
||||||
color: RGB($accent)
|
color: RGB($accent)
|
||||||
|
|
||||||
> p
|
> p
|
||||||
|
@ -173,6 +175,7 @@ section
|
||||||
padding: 0.25rem 0.5rem
|
padding: 0.25rem 0.5rem
|
||||||
|
|
||||||
font-size: 0.9rem
|
font-size: 0.9rem
|
||||||
|
font-weight: normal
|
||||||
|
|
||||||
background-color: RGBA($accent, 0.5)
|
background-color: RGBA($accent, 0.5)
|
||||||
color: RGB($secondary)
|
color: RGB($secondary)
|
||||||
|
|
|
@ -21,6 +21,8 @@
|
||||||
<a class="game-box" href="{{ url_for('website.g', game_id=game.id) }}">
|
<a class="game-box" href="{{ url_for('website.g', game_id=game.id) }}">
|
||||||
{% if game.background %}
|
{% if game.background %}
|
||||||
<img src="{{ url_for('static', filename='images/backgrounds/' + game.background) }}" alt="{{ game.name }}" class="background">
|
<img src="{{ url_for('static', filename='images/backgrounds/' + game.background) }}" alt="{{ game.name }}" class="background">
|
||||||
|
{% else %}
|
||||||
|
<img src="{{ url_for('static', filename='images/default.jpg') }}" alt="{{ game.name }}" class="background">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div>
|
<div>
|
||||||
{% if game.logo %}
|
{% if game.logo %}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue