Skip to content
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

Jump to bottom

2024 website events/join updates #10

Merged
merged 2 commits into from
Apr 5, 2024
Merged

2024 website events/join updates #10

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
987a0d5
changes to about styling
Reina128 Apr 5, 2024
014c25d
added calendar to events page and added links to buttons
Reina128 Apr 5, 2024
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
1 change: 1 addition & 0 deletions content/events.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,5 @@ menus:
main:
weight: 30
title: Events
layout: events
---
16 changes: 10 additions & 6 deletions layouts/_default/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,21 +26,25 @@
<p class="mt-4 text-lg">
Interested in joining the club or simply have questions? Join our Discord server below.
</p>
<div>
<a href="https://discord.gg/mNe8V9nW" target="_blank">
<button class="bg-orange-500 pb-3 pt-3 pl-3 pr-3 mt-5 mb-5 rounded text-center">Discord</button>
</div>
</a>

<!-- Registration Section -->
<span class="block text-h3 font-semibold font-display shadow leading-none mt-10">Registration</span>
<p class="mt-4 text-lg">
Ready to register? Search for us on IdeaLogic and fill out the accompanying form.
</p>
<div>
<button
<a href="https://apps.ideal-logic.com/osusli" target ="_blank">
<button
class="bg-orange-500 pb-3 pt-3 pl-3 pr-3 mt-5 mb-5 bg-orange-600 rounded text-center">IdeaLogic</button>
<button class="bg-orange-500 pb-3 pt-3 pl-3 pr-3 mt-5 mb-5 rounded text-center">Discord</button>
</div>

</a>

<a href="https://discord.gg/mNe8V9nW" target="_blank">
<button class="bg-orange-500 pb-3 pt-3 pl-3 pr-3 mt-5 mb-5 rounded text-center">Discord</button>
</a>
</div>
</div>


Expand Down
13 changes: 13 additions & 0 deletions layouts/_default/events.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
{{ define "main" }}

<article class="pb-24 relative">
<div style = "padding-top: 100px; font-size: 35px;" >Calendar</div>
<div style = "padding-top: 50px;">
<iframe src="https://docs.google.com/spreadsheets/d/1tIayCRxMKOJj41na6zIgkK2xSVG4RlWO_3dKGToBaco/edit?usp=sharing/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false" width="100%" height="500" frameborder="0"></iframe>
</div>


</article>


{{ end}}
25 changes: 19 additions & 6 deletions layouts/_default/single.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,23 +3,36 @@
<article class="pb-24 relative">
<div class="relative flex flex-col justify-between bg-black-200">
<div class="flex mb-8 mt-24">
<!-- Contact us section -->
<div class="max-w-md pr-10 pt-10">
<span class="block text-h2 font-bold font-display shadow leading-none">{{ .Title }}</span>
<p class="mt-5 text-lg">
{{ .Content }}
</p>
</div>
<div class="ml-auto pt-10">
<img class="rounded-lg shadow-md pl-14" src="/images/big/MU-About.jpg" alt="">

</div>
<div class="absolute -z-10 h-100 -right-1 top-200 w-[65%] bg-red-50">
<div class="relative pt-6 h-full w-full scale-[1.2] overflow-hidden">
<img src="/images/big/MU-About.jpg" class="object-cover scale-[0.995] h-full w-full" alt="">
<!-- Radial Gradient -->
<div class="absolute w-full h-full top-0" style="background: rgb(23,23,23);
background: radial-gradient(circle, rgba(23,23,23,0.2) 30%, rgba(23,23,23,1) 75%);"></div>
<!-- Linear Gradient Top -->
<div class="absolute w-full top-0 h-24 bg-gradient-to-b from-neutral-900 to-neutral-900/0">
</div>
<!-- Linear Gradient Bottom -->
<div class="absolute w-full bottom-0 h-24 bg-gradient-to-t from-neutral-900 to-neutral-900/0">
</div>
</div>

</div>


</div>

<hr>

<h1 style="font-size:25px; padding-top:30px; ">Learn about our teams!</h1>
<div id="Container"
style="padding-bottom:56.25%; position:relative; display:block; width: 100%; padding-top:60px;">
style="padding-bottom:56.25%; position:relative; display:block; width: 100%; padding-top:40px;">
<p><iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQdSdHCR_fwNh92Pz5wtkOB5_bj1fDDYN3ehB_j8lUZVk6P0cTYDoSqEtl9Ye5PlxHW31eGxdAgaOo5/embed?start=false&amp;loop=false&amp;delayms=60000" frameborder="0" width="550" height="400" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></p>


Expand Down
14 changes: 14 additions & 0 deletions static/css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1273,6 +1273,16 @@ video {
--tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-900\/0 {
--tw-gradient-from: rgb(23 23 23 / 0) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-900\/20 {
--tw-gradient-from: rgb(23 23 23 / 0.2) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[49\%\] {
--tw-gradient-from-position: 49%;
}
Expand All @@ -1282,6 +1292,9 @@ video {
.to-orange-500 {
--tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}
.to-neutral-900\/20 {
--tw-gradient-to: rgb(23 23 23 / 0.2) var(--tw-gradient-to-position);
}
.to-\[51\%\] {
--tw-gradient-to-position: 51%;
}
Expand Down Expand Up @@ -1615,6 +1628,7 @@ video {
.bruh-card:hover .bruh-card-text {
background-color: rgb(0 0 0 / 0.5);
}

.hover\:opacity-90:hover {
opacity: 0.9;
}
Loading