System-End/site
1
0
Fork 0
mirror of https://github.com/System-End/site.git synced 2026-04-20 00:25:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

red button, red button red button yeah

Browse source
This commit is contained in:
AW_Dev 2024-05-10 21:59:03 -07:00
parent afd138d27c
commit 08fdeb3795
2 changed files with 22 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
public/bin/index.html
View file

@ -48,7 +48,7 @@
<em>before summer break?</em>
</h1>
<div class="timeline-list">
<div class="timeline-item hoverable now" onclick="smoothScroll('.gambling-section')"
<div class="timeline-item hoverable greenbutton" onclick="smoothScroll('.gambling-section')"
style="cursor: pointer;">
<div class="timeline-info">
<em class="muted">Right now...</em>
@ -58,7 +58,7 @@
for some inspiration!</p>
</div>
</div>
<div class="timeline-item hoverable later">
<div class="timeline-item hoverable bluebutton">
<div class="timeline-info">
<em class="muted">over 3-4 days...</em>
<h2>Design your project</h2>
@ -67,7 +67,7 @@
community</a>.</p>
</div>
</div>
<div class="timeline-item hoverable oneweek">
<div class="timeline-item hoverable redbutton">
<div class="timeline-info">
<em class="muted">in 1 week...</em>
<h2>Get it IRL</h2>
@ -85,7 +85,7 @@
</div>
<img src="./landing-new/rummaging.png" class="gambling-header-rummage">
</div>
<button onclick="rollParts(this)" class="gambling-roll hoverable disabled">Roll!</button>
<button onclick="rollParts(this)" class="gambling-roll hoverable disabled redbutton">Roll!</button>
<div class="gambling-ui">
<div class="gambling-spinner">
<div class="gambling-item-wrapper">
@ -107,9 +107,9 @@
</div>
<div class="gambling-controls">
<span class="flex-lb"></span>
<button onclick="location.href='./selector/'" class="gambling-select hoverable">Manual
<button onclick="location.href='./selector/'" class="gambling-select hoverable bluebutton">Manual
Selection</button>
<button onclick="generateBuildLink(this)" class="gambling-build hoverable disabled">Continue<img
<button onclick="generateBuildLink(this)" class="gambling-build hoverable disabled greenbutton">Continue<img
src="./icons/arrow.svg"></button>
</div>
</section>

32
public/bin/landing-new/style.css
View file

@ -218,12 +218,12 @@
}
.spinner-item-name {
font-size: 35px;
font-size: 1.5em;
text-align: center;
}
.spinner-item-description {
font-size: 25px;
font-size: 1.2em;
text-align: center;
}
@ -275,7 +275,6 @@ button {
.gambling-roll {
background-color: #ee9f9f;
background-image: linear-gradient(315deg, #FC7A7A 0%, #FCA97A 74%);
display: inherit;
margin: 0 auto;
}
@ -296,7 +295,7 @@ button {
}
.gambling-build.disabled {
filter: saturate(0.4) brightness(0.6);
filter: saturate(0.5) brightness(0.7);
}
.gambling-placeholder {
@ -713,18 +712,6 @@ button {
height: 100%;
}
.timeline-item.now {
background: linear-gradient(to bottom right, #63CE61, #ADEA00);
}
.timeline-item.later {
background: linear-gradient(to bottom right, #7A97FC, #7AEDFC);
}
.timeline-item.oneweek {
background: linear-gradient(to bottom right, #FC7A7A, #FCA97A);
}
.timeline-info {
background-color: #EEEDED;
height: 100%;
@ -739,4 +726,17 @@ button {
.muted {
opacity: 0.5;
}
.greenbutton {
background: linear-gradient(to bottom right, #63CE61, #ADEA00);
}
.bluebutton {
background: linear-gradient(to bottom right, #7A97FC, #7AEDFC);
}
.redbutton {
background: linear-gradient(to bottom right, #FC7A7A, #FCA97A);
}