Skip to content

css changes #3

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

Merged
akshay9085 merged 3 commits into from
Jan 22, 2026
+31 −8
Merged

css changes #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
502d5b2
width adjust
akshay9085 Jan 22, 2026
f3e5c7a
now register scroll to register section
akshay9085 Jan 22, 2026
7915c01
bullet points added
akshay9085 Jan 22, 2026
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
33 changes: 28 additions & 5 deletions src/components/Register.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<section class="py-12 text-center">
<section class="py-12 pt-18 text-center" id="register">
<div class="max-w-6xl mx-auto px-6">
<h3 class="text-lg md:text-xl font-semibold text-slate-800">
<p>BUILD FOR SOCIETY. BUILD IT OPEN.</p>
Expand All @@ -8,7 +8,7 @@
<div class="mt-6 flex flex-col items-center justify-center gap-4 sm:flex-row">
<a
href="https://docs.google.com/forms/d/e/1FAIpQLSepEvOMcCOpf0cG3-dK9XiTgLqF_bQW_0Qc5R7GfO47R1dYJA/viewform?usp=publish-editor"
id="register"

class="btn-grad"
target="_blank"
>
Expand All @@ -26,7 +26,7 @@
</section>

<style>
.btn-grad {
/* .btn-grad {
background-image: linear-gradient(
to right,
#314755 0%,
Expand All @@ -46,8 +46,31 @@
}

.btn-grad:hover {
background-position: right center; /* change the direction of the change here */

color: #fff;
text-decoration: none;
}
} */



.btn-grad {background-image: linear-gradient(to right, #1FA2FF 0%, #12D8FA 51%, #1FA2FF 100%)}
.btn-grad {
margin: 10px;
padding: 15px 45px;
text-align: center;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
color: white;
box-shadow: 0 0 20px #eee;
border-radius: 10px;
display: block;
}

.btn-grad:hover {
background-position: right center; /* change the direction of the change here */
color: #fff;
text-decoration: none;
}

</style>
4 changes: 2 additions & 2 deletions src/components/Rules.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,9 @@ const rules = [
<div class="max-w-6xl mx-auto px-6">
<SectionTitle id="rulesTitle" title="Rules and Regulations" />
<div class="rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
<ul class="space-y-3 text-sm md:text-md leading-7 text-slate-700">
<ul class="list-disc list-outside space-y-3 text-sm md:text-md leading-7 text-slate-700 marker:text-blue-600">
{rules.map((rule) => (
<li class="flex items-start gap-2 list-disc pl-6 marker:text-blue-50">
<li>
<span>{rule}</span>
</li>
))}
Expand Down
2 changes: 1 addition & 1 deletion src/pages/theme.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import ThemeCards from "../components/ThemeCards.astro";
</section>
<div id="focus" class="max-w-6xl mx-auto px-6">
<SectionTitle id="focusTitle" title="INDIA & GLOBAL SUSTAINABILITY FOCUS" />
<div class="rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
<div class="rounded-2xl max-w-xl mx-auto border border-slate-200 bg-white p-8 shadow-sm">
<p class="text-lg font-semibold text-slate-800">The hackathon supports:</p>
<ul class="mt-4 space-y-2 text-sm md:text-md ">
<li class="flex items-start gap-2">
Expand Down