Skip to content

add some more links to the guide #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
+18 −16
Open

add some more links to the guide #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
623bd9d
fix/add links to guide
ImShyMike Sep 22, 2025
43eee2c
fix formatting
ImShyMike Sep 22, 2025
ddf859f
smooth scrolling
ImShyMike Sep 22, 2025
c3501c5
Merge branch 'main' into main
ImShyMike Sep 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 13 additions & 15 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,36 +10,35 @@
<link rel="stylesheet" href="style.css">
</head>
<body>

<div class="kit-item"><img src="img/Frame 1.png" alt="Raspberry Pi"></div>
<div class="kit-item"><img src="img/Frame 1.png" alt="Raspberry Pi"></div>

<section class="hero">
<h2>How can I participate?</h2>
<div class="images-row">
<div class="imgRasp"><img src="img/rasp.png" alt="Raspberry Pi"></div>
<div class="line"><img src="img/Line1.png" alt="Raspberry Pi"></div>

<section class="partecipate">
<section class="participate">
<ol>
<li>Read the <span class="highlight">rules</span> </li>
<li>Read the <a href="#rules">rules</a> </li>
<li><span class="highlight">Sign up</span> to the project</li>
<li>Install <span class="highlight">Hackatime</span> (tutorial <a href="https://hackatime.hackclub.com/" target="_blank" rel="noopener noreferrer">HERE</a>)</li>
<li>Install <span class="highlight">Hackatime</span> (tutorial <a href="https://hackatime.hackclub.com/my/wakatime_setup" target="_blank" rel="noopener noreferrer">HERE</a>)</li>
<li><span class="highlight">Develop</span> your project for at least 30 hours (remember to commit on GitHub frequently!)</li>
<li>Upload your project to <span class="highlight">GitHub</span>, adding a <span class="highlight">description</span> and including a <span class="highlight">short video</span> where you showcase it</li>
<li>Upload your project to <a href="https://github.com" target="_blank" rel="noopener noreferrer">GitHub</a>, adding a <span class="highlight">description</span> and including a <span class="highlight">short video</span> where you showcase it</li>
<li>Share the GitHub link in the <span class="highlight"> <a href="https://hackclub.slack.com/archives/C09GGMZ1FDL">#hackberry-ship </a> </span> channel on Slack</li>
<li>Enter your shipping details <a href="https://forms.hackclub.com/t/p4tpRmLvRQus" target="_blank" rel="noopener noreferrer">HERE</a></li>
</ol>
</section>

</div></section>

</div>
</section>

<div class="cta-row">
<div class="cta-row" id="cta">
<a class="btn signup" href="https://forms.hackclub.com/t/e7agXVeMd4us"><img src="img/butt1.png" alt="Sign up"></a>
<a class="btn ship" href="https://forms.hackclub.com/t/p4tpRmLvRQus"><img src="img/butt2.png" alt="Ship project"></a>
</div>

<section class="rules">
<section class="rules" id="rules">
<h2>Rules!</h2>
<div class="rules-content">
<ul>
Expand Down Expand Up @@ -68,13 +67,12 @@ <h2>Don't know where to start?</h2>

<section class="final">
<h2>Still have some questions?</h2>
<p class="highlight">Join the Slack channels and we'll reply to everyone!</p>
<p class="highlight">Join the Slack channels and we'll reply to everyone!</p>
<ul>
<li>🔵 <b><a class="channel" href="https://hackclub.slack.com/archives/C09HARA5GCQ">#hackberry-help</a></b> ➡ if you have any questions</li>
<li>🔵 <b><a class="channel" href="https://hackclub.slack.com/archives/C09G2DXLP55">#hackberry-hub</a></b> ➡ talk with everyone of everything!</li>
<li>🔵 <b><a class="channel" href="https://hackclub.slack.com/archives/C09GGMZ1FDL">#hackberry-ship</a></b> ➡ share your final project here</li>
<li>🔵 <b><a class="channel" href="https://hackclub.slack.com/archives/C09HARA5GCQ">#hackberry-help</a></b> ➡ if you have any questions</li>
<li>🔵 <b><a class="channel" href="https://hackclub.slack.com/archives/C09G2DXLP55">#hackberry-hub</a></b> ➡ talk with everyone of everything!</li>
<li>🔵 <b><a class="channel" href="https://hackclub.slack.com/archives/C09GGMZ1FDL">#hackberry-ship</a></b> ➡ share your final project here</li>
</ul>
</section>

</body>
</html>
6 changes: 5 additions & 1 deletion style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,10 @@
font-display: swap;
}

html {
scroll-behavior: smooth;
}

body {
margin: 0;
font-family: 'JejuHallasan', cursive, sans-serif;
Expand Down Expand Up @@ -213,7 +217,7 @@ ul {
margin: 1em 0; /* remove auto centering so lists can align left inside rules */
}

.partecipate{
.participate{
font-size: 1.8rem;
line-height: 1.5;
position: absolute;
Expand Down