cindylouwho/ImmortalClanVue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

start implementing frontend design

Browse Source
This commit is contained in:
Michel Fromme
2023-06-18 10:48:50 +02:00
parent 89f47b3692
commit db41b03456
27 changed files with 997 additions and 346 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/contracts/LiquidityOwner.json
+8 -8
View File
@@ -1,6 +1,6 @@
{
"contractName": "LiquidityOwner",
"contractAddress": "0xF58FC44A2862335F3577253EC544488006aF676A",
"contractAddress": "0x0ce1d955f2a2658d6ca1CF61Fa300234fD8A262c",
"abi": [
{
"inputs": [
@@ -83,7 +83,7 @@
"inputs": [
{
"internalType": "uint256[]",
"name": "tokenIds",
"name": "liquidityTokenIds",
"type": "uint256[]"
}
],
@@ -198,7 +198,7 @@
"inputs": [
{
"internalType": "uint256[]",
"name": "tokenIds",
"name": "positionsToCancel",
"type": "uint256[]"
},
{
@@ -240,22 +240,22 @@
"inputs": [
{
"internalType": "address",
"name": "operator",
"name": "",
"type": "address"
},
{
"internalType": "address",
"name": "from",
"name": "",
"type": "address"
},
{
"internalType": "uint256",
"name": "tokenId",
"name": "",
"type": "uint256"
},
{
"internalType": "bytes",
"name": "data",
"name": "",
"type": "bytes"
}
],
@@ -267,7 +267,7 @@
"type": "bytes4"
}
],
"stateMutability": "nonpayable",
"stateMutability": "pure",
"type": "function"
},
{
src/assets/contracts/MemeBurner.json
+54 -30
View File
@@ -1,6 +1,6 @@
{
"contractName": "MemeBurner",
"contractAddress": "0x5c7077b0424c0e425B16363AdA59f1D72914C5c5",
"contractAddress": "0x6eEAe97975e156400DD1DDD8eFc4CcB167BaAFC3",
"abi": [
{
"inputs": [
@@ -146,35 +146,6 @@
"name": "MemeSacrificed",
"type": "event"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "goal",
"type": "uint256"
},
{
"internalType": "uint256",
"name": "achieved",
"type": "uint256"
},
{
"internalType": "uint256",
"name": "amountOfAsset",
"type": "uint256"
}
],
"name": "_calculateLinearDecreasingReward",
"outputs": [
{
"internalType": "uint256",
"name": "reward",
"type": "uint256"
}
],
"stateMutability": "pure",
"type": "function"
},
{
"inputs": [
{
@@ -206,6 +177,59 @@
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "memeToSacrifice",
"type": "address"
},
{
"internalType": "uint256",
"name": "amountToSacrifice",
"type": "uint256"
}
],
"name": "getRewardFor",
"outputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "roundNumber",
"type": "uint256"
},
{
"internalType": "address",
"name": "meme",
"type": "address"
}
],
"name": "getSacrificedMeme",
"outputs": [
{
"internalType": "bool",
"name": "participation",
"type": "bool"
},
{
"internalType": "uint256",
"name": "amountAchieved",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "liquidityAmountLimit",
src/assets/contracts/MemeToken.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"contractName": "MemeToken",
"contractAddress": "0x0e349D42C125acA39ea58024FFC23ED0fE5feE32",
"contractAddress": "0xeC73Ec89897a36E9Ca36B2190964bBd8C46748AD",
"abi": [
{
"inputs": [
src/assets/contracts/RewardLocker.json
+259 -101
View File
@@ -1,6 +1,6 @@
{
"contractName": "RewardLocker",
"contractAddress": "0x6749F75Ece2755d38f209Da1cBab07A1caD69554",
"contractAddress": "0x3bEc26159dbA0A32210eaDF6A938F1BbE8bfDAA0",
"abi": [
{
"inputs": [
@@ -15,7 +15,7 @@
},
{
"inputs": [],
"name": "MemeBurnerAlreadyInitialized",
"name": "MemeAltarAlreadyInitialized",
"type": "error"
},
{
@@ -23,6 +23,21 @@
"name": "MemeTokenAlreadyInitialized",
"type": "error"
},
{
"inputs": [],
"name": "RoundIsNotCompletedYet",
"type": "error"
},
{
"inputs": [],
"name": "TooEarlyToUnstake",
"type": "error"
},
{
"inputs": [],
"name": "Unsynchronized",
"type": "error"
},
{
"anonymous": false,
"inputs": [
@@ -33,7 +48,7 @@
"type": "address"
},
{
"indexed": false,
"indexed": true,
"internalType": "uint256",
"name": "amount",
"type": "uint256"
@@ -42,6 +57,56 @@
"name": "ClaimedReward",
"type": "event"
},
{
"anonymous": false,
"inputs": [
{
"indexed": true,
"internalType": "address",
"name": "staker",
"type": "address"
},
{
"indexed": true,
"internalType": "uint256",
"name": "stakedRound",
"type": "uint256"
},
{
"indexed": true,
"internalType": "uint256",
"name": "stakedAmount",
"type": "uint256"
}
],
"name": "RewardStaked",
"type": "event"
},
{
"anonymous": false,
"inputs": [
{
"indexed": true,
"internalType": "address",
"name": "unstaker",
"type": "address"
},
{
"indexed": true,
"internalType": "uint256",
"name": "unstakeRound",
"type": "uint256"
},
{
"indexed": true,
"internalType": "uint256",
"name": "unstakedAmount",
"type": "uint256"
}
],
"name": "RewardUnstaked",
"type": "event"
},
{
"anonymous": false,
"inputs": [
@@ -106,23 +171,29 @@
"type": "event"
},
{
"anonymous": false,
"inputs": [
{
"indexed": true,
"internalType": "address",
"name": "_burnedToken",
"name": "unstaker",
"type": "address"
}
],
"name": "claim",
"outputs": [
},
{
"indexed": true,
"internalType": "uint256",
"name": "claimedAmount",
"name": "unstakeRound",
"type": "uint256"
},
{
"indexed": true,
"internalType": "uint256",
"name": "unstakedAmount",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
"name": "UnstakeOrdered",
"type": "event"
},
{
"inputs": [
@@ -133,7 +204,7 @@
},
{
"internalType": "address[]",
"name": "_burnedTokens",
"name": "_sacrificedTokens",
"type": "address[]"
}
],
@@ -148,81 +219,6 @@
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "address[]",
"name": "_burnedTokens",
"type": "address[]"
}
],
"name": "claim",
"outputs": [
{
"internalType": "uint256",
"name": "claimedAmount",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "_round",
"type": "uint256"
}
],
"name": "claim",
"outputs": [
{
"internalType": "uint256",
"name": "claimedAmount",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "_round",
"type": "uint256"
},
{
"internalType": "address[]",
"name": "_burnedTokens",
"type": "address[]"
}
],
"name": "claim",
"outputs": [
{
"internalType": "uint256",
"name": "claimedAmount",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [],
"name": "claim",
"outputs": [
{
"internalType": "uint256",
"name": "claimedAmount",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
@@ -251,7 +247,7 @@
},
{
"internalType": "address",
"name": "_burnedToken",
"name": "_sacrificedToken",
"type": "address"
}
],
@@ -269,32 +265,32 @@
{
"inputs": [
{
"internalType": "uint256",
"name": "_round",
"type": "uint256"
"internalType": "address",
"name": "beneficiary",
"type": "address"
},
{
"internalType": "address",
"name": "_burnedToken",
"type": "address"
"internalType": "uint256[]",
"name": "roundNumbers",
"type": "uint256[]"
}
],
"name": "claim",
"name": "getTotalRewardsOf",
"outputs": [
{
"internalType": "uint256",
"name": "claimedAmount",
"name": "totalRewardsAmount",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "_memeBurner",
"name": "_memeAltar",
"type": "address"
},
{
@@ -323,7 +319,7 @@
},
{
"inputs": [],
"name": "memeBurner",
"name": "memeAltar",
"outputs": [
{
"internalType": "address",
@@ -347,6 +343,19 @@
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "orderUnstake",
"outputs": [
{
"internalType": "uint256",
"name": "unstakeRound",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
@@ -356,7 +365,7 @@
},
{
"internalType": "address[]",
"name": "burnableTokens",
"name": "sacrificableTokens",
"type": "address[]"
}
],
@@ -380,7 +389,7 @@
},
{
"internalType": "address",
"name": "_burnedToken",
"name": "_sacrificedToken",
"type": "address"
},
{
@@ -468,6 +477,11 @@
"name": "roundCompleted",
"type": "bool"
},
{
"internalType": "uint256",
"name": "totalDefaultRewards",
"type": "uint256"
},
{
"internalType": "uint256",
"name": "totalRewards",
@@ -476,6 +490,150 @@
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "amount",
"type": "uint256"
},
{
"internalType": "uint256",
"name": "deadline",
"type": "uint256"
},
{
"internalType": "uint8",
"name": "v",
"type": "uint8"
},
{
"internalType": "bytes32",
"name": "r",
"type": "bytes32"
},
{
"internalType": "bytes32",
"name": "s",
"type": "bytes32"
}
],
"name": "stakeToBeSecured",
"outputs": [
{
"internalType": "uint256",
"name": "stakedAmount",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256[]",
"name": "_rounds",
"type": "uint256[]"
},
{
"internalType": "address[]",
"name": "_sacrificedTokens",
"type": "address[]"
}
],
"name": "stakeToBeSecured",
"outputs": [
{
"internalType": "uint256",
"name": "stakedAmount",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "amount",
"type": "uint256"
}
],
"name": "stakeToBeSecured",
"outputs": [
{
"internalType": "uint256",
"name": "stakedAmount",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "",
"type": "address"
}
],
"name": "staked",
"outputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "unstakeRound",
"type": "uint256"
}
],
"name": "unstake",
"outputs": [
{
"internalType": "uint256",
"name": "unstakedAmount",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
},
{
"internalType": "address",
"name": "",
"type": "address"
}
],
"name": "unstakeOrdered",
"outputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
}
]
}
src/assets/fonts/Inter-Regular.ttf
BIN
View File
Binary file not shown.
src/assets/fonts/Vampire.ttf
BIN
View File
Binary file not shown.
src/assets/img/fuel-noozle.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

src/assets/img/tokenomics.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 120 KiB

src/assets/sass/cards.sass → src/assets/sass/base.sass
+19
View File
@@ -1,3 +1,21 @@
.bloodline-devider
font-size: 42px
margin: 24px 0
text-align: center
.bloodline-border
padding: 24px 32px
border: 4px solid #000000
border-radius: 16px
.bloodline-badge
padding: 8px 16px 8px 16px
border-radius: 14px
background-color: #0F0F0F
display: flex
.bloodline-badge-icon
margin-right: 8px
.card
display: block
overflow: hidden
@@ -14,3 +32,4 @@
border-width: 0
border-radius: 4px
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2),0 1px 1px 0rgba(0, 0, 0, .14),0 1px 3px 0 rgba(0, 0, 0, .12)
background-color: $darkgrey
src/assets/sass/bubbles.sass
+106
View File
@@ -0,0 +1,106 @@
.wrapper
height: 100%
width: 100%
position: absolute
overflow: hidden
div
height: 15px
width: 15px
border: 2px solid rgba(139, 0, 0, 0.7)
border-radius: 50px
position: absolute
top: 10%
left: 10%
animation: 4s linear infinite
div .dot
height: 10px
width: 10px
border-radius: 50px
background: rgba(138, 62, 62, 0.5)
position: absolute
top: 20%
right: 20%
.wrapper div
&:nth-child(1)
top: 20%
left: 20%
animation: animate 8s linear infinite
&:nth-child(2)
top: 60%
left: 55%
animation: animate 10s linear infinite
&:nth-child(3)
top: 40%
left: 40%
animation: animate 3s linear infinite
&:nth-child(4)
top: 66%
left: 30%
animation: animate 7s linear infinite
&:nth-child(5)
top: 90%
left: 10%
animation: animate 9s linear infinite
&:nth-child(6)
top: 30%
left: 20%
animation: animate 5s linear infinite
&:nth-child(7)
top: 70%
left: 20%
animation: animate 8s linear infinite
&:nth-child(8)
top: 75%
left: 30%
animation: animate 10s linear infinite
&:nth-child(9)
top: 50%
left: 50%
animation: animate 6s linear infinite
&:nth-child(10)
top: 45%
left: 20%
animation: animate 10s linear infinite
&:nth-child(11)
top: 10%
left: 90%
animation: animate 9s linear infinite
&:nth-child(12)
top: 20%
left: 50%
animation: animate 7s linear infinite
&:nth-child(13)
top: 20%
left: 20%
animation: animate 8s linear infinite
&:nth-child(14)
top: 60%
left: 5%
animation: animate 6s linear infinite
&:nth-child(15)
top: 90%
left: 50%
animation: animate 9s linear infinite
@keyframes animate
0%
transform: scale(0) translateY(0) rotate(70deg)
100%
transform: scale(1.3) translateY(-50px) rotate(360deg)
src/assets/sass/buttons.sass
+4 -2
View File
@@ -1,10 +1,12 @@
.btn
&.btn-immortal
padding: 6px 24px
background-color: $button-background-color
background-color: $red
color: $button-color
font-size: 24px
padding: 16px 24px
gap: 8px
border-radius: 14px
&:hover,&:focus,&:active
background-color: lighten($button-background-color, 10%),
color: darken($button-color, 10%),
src/assets/sass/main.sass
+22 -4
View File
@@ -1,10 +1,22 @@
@import 'variables'
@import 'buttons'
@import 'cards'
@import 'base'
@import 'wave'
@import 'bubbles'
@font-face
font-family: 'Inter'
src: url("@/assets/fonts/Inter-Regular.ttf")
@font-face
font-family: 'Vampire'
src: url("@/assets/fonts/Vampire.ttf")
*
box-sizing: border-box
body
background-color: $secondary
color: $color2
background-color: #2D2D2D
color: $white
font-family: 'Inter', sans-serif
.main
padding-top: 120px
@@ -30,7 +42,13 @@ body
margin-right: auto
margin-left: auto
@media (min-width: 992px)
max-width: 1140px
max-width: 800px
.section-header-container
width: 655px
text-align: center
font-size: 24px
margin-top: 64px
margin-bottom: 64px
h1
font-weight: 700
src/assets/sass/variables.sass
+12 -4
View File
@@ -8,11 +8,16 @@ $tertiary: #A8A8A8
$tertiary-dark: darken($tertiary, 20%)
$tertiary-light: lighten($tertiary, 20%)
$color2: white
$color1: black
$white: #F9F9FA
$black: #0F0F0F
$grey: #808080
$red: #8B0000
$purple: #4B0082
$button-color: $color2
$button-background-color: $color1
$darkgrey: #202020
$button-color: $white
$button-background-color: $black
:root
--primary: #{$primary}
--primary-light: #{$primary-light}
@@ -23,6 +28,9 @@ $button-background-color: $color1
--tertiary: #{$tertiary}
--tertiary-light: #{$tertiary-light}
--tertiary-dark: #{$tertiary-dark}
--grey: #{$grey}
--purple: #{$purple}
--blood-color: #{$red}
// :root
// --font-size-text: 16px
// --font-size-title: 32px
src/assets/sass/wave.sass
+26
View File
@@ -0,0 +1,26 @@
/* Animation
.parallax > use
animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite
&:nth-child(1)
animation-delay: -2s
animation-duration: 7s
&:nth-child(2)
animation-delay: -3s
animation-duration: 10s
&:nth-child(3)
animation-delay: -4s
animation-duration: 13s
&:nth-child(4)
animation-delay: -5s
animation-duration: 20s
@keyframes move-forever
0%
transform: translate3d(-90px, 0, 0)
100%
transform: translate3d(85px, 0, 0)