added web and split CLAUDs
BIN
web/src/assets/fonts/Audiowide-Regular.ttf
Normal file
BIN
web/src/assets/fonts/DMSans-Regular.ttf
Normal file
BIN
web/src/assets/fonts/DMSans_Medium.ttf
Normal file
BIN
web/src/assets/fonts/DMSans_Regular.ttf
Normal file
BIN
web/src/assets/fonts/Inter.ttf
Normal file
BIN
web/src/assets/fonts/Orbitron.ttf
Normal file
BIN
web/src/assets/fonts/exo2.ttf
Normal file
BIN
web/src/assets/img/arielle.png
Normal file
|
After Width: | Height: | Size: 240 KiB |
BIN
web/src/assets/img/chest.png
Normal file
|
After Width: | Height: | Size: 246 KiB |
BIN
web/src/assets/img/header-image-mobile.png
Normal file
|
After Width: | Height: | Size: 362 KiB |
BIN
web/src/assets/img/header-image.png
Normal file
|
After Width: | Height: | Size: 397 KiB |
BIN
web/src/assets/img/header-imageold.png
Normal file
|
After Width: | Height: | Size: 2.3 MiB |
BIN
web/src/assets/img/kraken.png
Normal file
|
After Width: | Height: | Size: 423 KiB |
BIN
web/src/assets/img/liquidityMangerAgentContract.jpg
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
web/src/assets/img/logo.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
64
web/src/assets/styles/main.sass
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
@font-face
|
||||
font-family: "DM Sans Regular"
|
||||
src: url("@/assets/fonts/DMSans_Regular.ttf") format('truetype')
|
||||
font-weight: 200
|
||||
font-style: normal
|
||||
@font-face
|
||||
font-family: "DM Sans Medium"
|
||||
src: url("@/assets/fonts/DMSans_Medium.ttf") format('truetype')
|
||||
font-weight: 200
|
||||
font-style: normal
|
||||
@font-face
|
||||
font-family: "exo2"
|
||||
src: url("@/assets/fonts/exo2.ttf") format('truetype')
|
||||
font-style: normal
|
||||
@font-face
|
||||
font-family: "orbitron"
|
||||
src: url("@/assets/fonts/Orbitron.ttf") format('truetype')
|
||||
font-style: normal
|
||||
@font-face
|
||||
font-family: "Audiowide"
|
||||
src: url("@/assets/fonts/Audiowide-Regular.ttf") format('truetype')
|
||||
|
||||
*
|
||||
font-family: 'exo2', sans-serif
|
||||
font-weight: 50
|
||||
html
|
||||
body
|
||||
margin: 0
|
||||
background: radial-gradient(96.91% 121.32% at 1.49% 17.97%, rgba(117, 80, 174, 0.00) 46.5%, rgba(37, 37, 71, 0.50) 100%), radial-gradient(91.35% 111.13% at 12.96% 16.43%, rgba(117, 80, 174, 0.00) 46.5%, rgba(30, 34, 63, 0.50) 100%), var(--Color, #07111B)
|
||||
margin: 0
|
||||
font-family: 'Roboto', sans-serif
|
||||
text-align: center
|
||||
// variables
|
||||
color: #F0F0F0
|
||||
letter-spacing: 0.15px
|
||||
font-size: 14px
|
||||
@media (min-width: 992px)
|
||||
font-size: 18px
|
||||
#app
|
||||
display: flex
|
||||
flex-direction: column
|
||||
min-height: 100vh
|
||||
main
|
||||
|
||||
overflow-x: hidden
|
||||
display: flex
|
||||
flex-direction: column
|
||||
padding-bottom: 120px
|
||||
@media (min-width: 992px)
|
||||
margin-top: 0
|
||||
|
||||
footer
|
||||
margin-top: auto
|
||||
.k-container
|
||||
width: auto
|
||||
margin-left: auto
|
||||
margin-right: auto
|
||||
display: flex
|
||||
flex-direction: column
|
||||
gap: 80px
|
||||
padding: 0 32px
|
||||
@media (min-width: 992px)
|
||||
gap: 120px
|
||||
width: 850px
|
||||