Skip to content

Commit 1dbd636

Browse files
committed
Update signin graphics
1 parent d8175c7 commit 1dbd636

File tree

5 files changed

+32
-13
lines changed

5 files changed

+32
-13
lines changed

app/assets/stylesheets/application.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -467,7 +467,7 @@ h1, h2, h3, h4, h5, h6 {
467467
position: absolute;
468468
bottom: 0;
469469
left: 0;
470-
width: clamp(150px, 20vw, 280px);
470+
width: clamp(800px, 20vw, 280px);
471471
z-index: 2;
472472
}
473473

app/views/layouts/application.html.erb

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@
66
<title><%= content_for?(:title) ? yield(:title) : "Reboot" %></title>
77
<%= csrf_meta_tags %>
88
<meta name="csrf-token" content="<%= form_authenticity_token %>">
9+
<link rel="icon" type="image/png" href="https://files.slack.com/files-pri/T09V59WQY1E-F0A6UD211JS/animal.png?pub_secret=3e17f8e9df">
10+
<link rel="shortcut icon" type="image/png" href="https://files.slack.com/files-pri/T09V59WQY1E-F0A6UD211JS/animal.png?pub_secret=3e17f8e9df">
911
<link rel="stylesheet" href="/stylesheets/application.css?v=6">
1012
<script defer src="/javascripts/application.js?v=2"></script>
1113
</head>

app/views/pages/signin.html.erb

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,25 @@
22
<% content_for :page, "signin" %>
33

44
<div class="signin-page">
5-
<img src="/images/signin/hackclub.svg" class="signin-flag" alt="Hack Club 2025">
5+
<a href="https://hackclub.com/" target="_blank" rel="noopener">
6+
<img src="/images/signin/hackclub.svg" class="signin-flag" alt="Hack Club 2025">
7+
</a>
68

79
<div class="signin-content">
810
<img src="https://files.slack.com/files-pri/T09V59WQY1E-F0A6LSXCXPF/image.png?pub_secret=dc0d11081a" class="signin-crane-text" alt="Reboot">
911

10-
<p class="signin-subtitle">Restore old projects --> upgrade your desktop setup!</p>
11-
1212
<%= form_tag("/auth/hack_club", method: :post) do %>
13-
<button type="submit" class="signin-btn">Start Now</button>
13+
<button type="submit" class="signin-btn" style="background: transparent; padding: 0; box-shadow: none; border: none;">
14+
<img
15+
src="https://files.slack.com/files-pri/T09V59WQY1E-F0A7999BL3T/startbutton.png?pub_secret=346938b95a"
16+
alt="Start Now"
17+
class="signin-start-img"
18+
onerror="this.onerror=null;this.src='/img/signin/startButton.PNG';"
19+
>
20+
</button>
1421
<% end %>
22+
23+
<p class="signin-subtitle">Restore old projects --> upgrade your desktop setup!</p>
1524
</div>
1625

1726
<img src="/images/signin/animal.png" class="signin-mole" alt="Mole">

img/signin/startButton.PNG

65.2 KB
Loading

public/stylesheets/application.css

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -905,7 +905,8 @@ a.project-row:hover {
905905

906906
/* Signin Page */
907907
[data-page="signin"] {
908-
background: transparent;
908+
background: var(--bg) url('/images/signin/background.PNG') no-repeat center center fixed;
909+
background-size: cover;
909910
min-height: 100vh;
910911
overflow: hidden;
911912
}
@@ -923,8 +924,8 @@ a.project-row:hover {
923924
.signin-flag {
924925
position: absolute;
925926
top: 16px;
926-
left: 16px;
927-
width: 120px;
927+
left: 0px;
928+
width: 200px;
928929
z-index: 10;
929930
}
930931

@@ -938,14 +939,21 @@ a.project-row:hover {
938939
}
939940

940941
.signin-crane-text {
941-
width: clamp(300px, 80vw, 800px);
942+
width: clamp(550px, 90vw, 1100px);
942943
height: auto;
943-
margin-bottom: 20px;
944+
margin-bottom: 0px;
944945
order: 1;
945946
}
946947

948+
/* Start button image */
949+
.signin-start-img {
950+
width: clamp(100px, 22vw, 200px);
951+
height: auto;
952+
}
953+
947954
.signin-content form {
948-
order: 4;
955+
order: 2;
956+
margin-top: -150px;
949957
}
950958

951959
.signin-subtitle {
@@ -967,7 +975,7 @@ a.project-row:hover {
967975
color: #000;
968976
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
969977
transition: transform 0.2s;
970-
margin-top: 16px;
978+
margin-top: 0;
971979
}
972980

973981
.signin-btn:hover {
@@ -978,7 +986,7 @@ a.project-row:hover {
978986
position: absolute;
979987
bottom: 0;
980988
left: 0;
981-
width: clamp(150px, 20vw, 280px);
989+
width: clamp(400px, 20vw, 280px);
982990
z-index: 2;
983991
}
984992

0 commit comments

Comments
 (0)