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

iawjefioawjeiofjawioefjaoiwejfioawjeiofjawieof

Browse source
This commit is contained in:
AW_Dev 2024-05-10 20:44:50 -07:00
commit 8cfec836d6
2 changed files with 31 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/bin/landing-new/index.html
View file

@ -57,14 +57,14 @@
for some inspiration!</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-item hoverable">
<em class="muted">over 3-4 days...</em>
<h2>Design your project</h2>
<p>Build a project in the online editor and program it! Get support from <a
href="https://hackclub.com/slack" target="_blank">other high schoolers in an online
community</a>.</p>
</div>
<div class="timeline-item">
<div class="timeline-item hoverable">
<em class="muted">in 1 week...</em>
<h2>Get it IRL</h2>
<p><a href="https://hack.club/bin-submit" target="_blank">Submit your design to the gallery</a> of
@ -80,6 +80,7 @@
</div>
<img src="./rummaging.png" class="gambling-header-rummage">
</div>
<button onclick="rollParts(this)" class="gambling-roll hoverable disabled">Roll!</button>
<div class="gambling-ui">
<div class="gambling-spinner">
<div class="gambling-item-wrapper">
@ -100,7 +101,6 @@
</div>
</div>
<div class="gambling-controls">
<button onclick="rollParts(this)" class="gambling-roll hoverable disabled">Roll!</button>
<span class="flex-lb"></span>
<button onclick="location.href='../selector/index.html'" class="gambling-select hoverable">Manual
Selection</button>

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

@ -15,6 +15,7 @@
.hoverable {
transition: 500ms transform;
cursor: pointer;
}
.hoverable:hover {
@ -106,10 +107,10 @@
.gambling-section {
padding: 50px;
display: flex;
flex-direction: column;
gap: 30px;
max-width: 75em;
/* display: flex; */
/* flex-direction: column; */
/* gap: 30px; */
/* max-width: 75em; */
margin: auto;
}
@ -146,6 +147,7 @@
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 2em;
}
.gambling-spinner {
@ -237,7 +239,7 @@
gap: 10px;
}
.gambling-controls button {
/* .gambling-section button {
font-weight: bolder;
box-sizing: border-box;
border: none;
@ -251,17 +253,31 @@
flex-grow: 1;
gap: 30px;
align-items: center;
}
} */
.gambling-controls button img {
height: 30px;
}
button {
border-radius: 0.5em;
font-size: 40px;
font-weight: bolder;
box-sizing: border-box;
color: white;
border: none;
padding: 10px 30px;
margin: 1em;
}
.gambling-roll {
background-color: #ee9f9f;
flex-grow: 1;
flex-basis: 100%;
margin-bottom: -10px;
background-image: linear-gradient(315deg, #FC7A7A 0%, #FCA97A 74%);
display: inherit;
margin: 0 auto;
}
.gambling-controls:first-child {
@ -682,15 +698,13 @@
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 300px;
display: grid;
gap: 10px;
gap: 20px;
}
@media only screen and (max-width: 768px) {
@media only screen and (max-width: 52em) {
.timeline-list {
/* display: grid; */
grid-template-columns: 1fr;
/* padding: 1em; */
/* grid-row-gap: 100px; */
max-width: 36em;
}
}