added new portion & fonts
- Added a portion for google maps and oah - added a new font - removed the rounded corners
This commit is contained in:
chark1es
parent
787b248ae4
commit
3513303db2
7 changed files with 193 additions and 11 deletions
30
package-lock.json
generated
30
package-lock.json
generated
|
|
@ -10,6 +10,11 @@
|
|||
"dependencies": {
|
||||
"@astrojs/check": "^0.4.1",
|
||||
"@astrojs/tailwind": "^5.1.0",
|
||||
"@fontsource-variable/epilogue": "^5.0.9",
|
||||
"@fontsource-variable/josefin-sans": "^5.0.19",
|
||||
"@fontsource-variable/lora": "^5.0.9",
|
||||
"@fontsource/open-sans": "^5.0.22",
|
||||
"@fontsource/vollkorn": "^5.0.18",
|
||||
"astro": "^4.1.2",
|
||||
"iconify-icon": "^1.0.8",
|
||||
"tailwindcss": "^3.4.1",
|
||||
|
|
@ -887,6 +892,31 @@
|
|||
"node": ">=12"
|
||||
}
|
||||
},
|
||||
"node_modules/@fontsource-variable/epilogue": {
|
||||
"version": "5.0.9",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource-variable/epilogue/-/epilogue-5.0.9.tgz",
|
||||
"integrity": "sha512-Os2UapzsHJkKWSzlFpL9NX8CWJZbsNriWlA2iB1E+itWFSvxySMQzZqbu9QGpsBXr/cR4oiG8TaBzzp05wVoWQ=="
|
||||
},
|
||||
"node_modules/@fontsource-variable/josefin-sans": {
|
||||
"version": "5.0.19",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource-variable/josefin-sans/-/josefin-sans-5.0.19.tgz",
|
||||
"integrity": "sha512-/e2QwUF+m5m6zj7BKgLFak0oZwEhUKNk2k/4Sb1BGqHy8ghKN0XpmEn5dKw8xzjab612N5QrIs0XTSz5CkyHAA=="
|
||||
},
|
||||
"node_modules/@fontsource-variable/lora": {
|
||||
"version": "5.0.9",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource-variable/lora/-/lora-5.0.9.tgz",
|
||||
"integrity": "sha512-AeTqrMIay4QXkLeGs0JDgc2RBnR6Hgkj3OLZjkAusauMmz03Z7SAz8FsuT2vfpUpjkrLeU52AFwF21EeBn3+7g=="
|
||||
},
|
||||
"node_modules/@fontsource/open-sans": {
|
||||
"version": "5.0.22",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/open-sans/-/open-sans-5.0.22.tgz",
|
||||
"integrity": "sha512-lN3A4prlcVPgLjlgwY+oMPalpyXPM/6DwaLr6LjqkjytjGIZTLBbInL+zTfcemSyMtTQklreETepGjjmtzlRHA=="
|
||||
},
|
||||
"node_modules/@fontsource/vollkorn": {
|
||||
"version": "5.0.18",
|
||||
"resolved": "https://registry.npmjs.org/@fontsource/vollkorn/-/vollkorn-5.0.18.tgz",
|
||||
"integrity": "sha512-jdZL0LnKtkHHTDo5YKJ3yiS4XhCuE1EO9IrRJbf/5N07Y3lbDATuaXj6erg8DQltqLhqrb5TTfxYpno2MKpddQ=="
|
||||
},
|
||||
"node_modules/@iconify/types": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
|
||||
|
|
|
|||
|
|
@ -12,6 +12,11 @@
|
|||
"dependencies": {
|
||||
"@astrojs/check": "^0.4.1",
|
||||
"@astrojs/tailwind": "^5.1.0",
|
||||
"@fontsource-variable/epilogue": "^5.0.9",
|
||||
"@fontsource-variable/josefin-sans": "^5.0.19",
|
||||
"@fontsource-variable/lora": "^5.0.9",
|
||||
"@fontsource/open-sans": "^5.0.22",
|
||||
"@fontsource/vollkorn": "^5.0.18",
|
||||
"astro": "^4.1.2",
|
||||
"iconify-icon": "^1.0.8",
|
||||
"tailwindcss": "^3.4.1",
|
||||
|
|
|
|||
BIN
public/backgrounds/project_space.png
Normal file
BIN
public/backgrounds/project_space.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 589 KiB |
3
src/components/Footer.astro
Normal file
3
src/components/Footer.astro
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div>
|
||||
<div class="flex bg-ieee h-16 bottom-0"></div>
|
||||
</div>
|
||||
|
|
@ -1,8 +1,10 @@
|
|||
---
|
||||
import Navbar from "../components/Navbar.astro";
|
||||
import Footer from "../components/Footer.astro";
|
||||
import "../styles/hamburgers.scss";
|
||||
import "../styles/global.scss";
|
||||
import "iconify-icon";
|
||||
import "@fontsource-variable/epilogue";
|
||||
const { title, description, keywords, url, image } = Astro.props;
|
||||
---
|
||||
|
||||
|
|
@ -13,9 +15,9 @@ const { title, description, keywords, url, image } = Astro.props;
|
|||
></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body class="min-h-screen">
|
||||
<Navbar />
|
||||
<slot />
|
||||
<footer></footer>
|
||||
<Footer />
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,15 +4,21 @@ import Layout from "../layouts/Layout.astro";
|
|||
|
||||
<html lang="en">
|
||||
<Layout>
|
||||
<div
|
||||
class="bg-ieee h-[35em] rounded-b-[15%] my-auto flex flex-col items-center justify-center bg-blend-overlay bg-no-repeat bg-cover align-center bg-center"
|
||||
style="background-image: url('/backgrounds/fa21qp.png');"
|
||||
>
|
||||
<div class="flex flex-col items-center justify-center text-center">
|
||||
<div class="text-[3.2em] text-white font-bold mb-4 w-[11em]">
|
||||
Join the 2nd largest IEEE student branch in the US!
|
||||
</div>
|
||||
<div class="scale-[600%] mt-10 space-x-2">
|
||||
<div class="flex flex-col">
|
||||
<div
|
||||
class="bg-ieee h-[35em] my-auto flex flex-col items-center justify-center bg-blend-overlay bg-no-repeat bg-cover align-center bg-center"
|
||||
style="background-image: url('/backgrounds/fa21qp.png');"
|
||||
>
|
||||
<!-- BLUE BG -->
|
||||
<div
|
||||
class="flex flex-col items-center justify-center text-center"
|
||||
>
|
||||
<div
|
||||
class="text-[3.2em] text-white font-bold mb-4 w-[11em]"
|
||||
>
|
||||
Join the 2nd largest IEEE student branch in the US!
|
||||
</div>
|
||||
<!-- <div class="scale-[600%] mt-10 space-x-2">
|
||||
<a href="https://discord.gg/XxfjqZSjca">
|
||||
<iconify-icon
|
||||
icon="ic:baseline-discord"
|
||||
|
|
@ -33,8 +39,138 @@ import Layout from "../layouts/Layout.astro";
|
|||
class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-[#ff68cd]"
|
||||
></iconify-icon>
|
||||
</a>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Regular White BG -->
|
||||
<div
|
||||
class="bg-white h-[45em] flex flex-col items-center justify-center align-center bg-center"
|
||||
>
|
||||
<div class="text-ieee mb-4 text-[3.2em]">We are...</div>
|
||||
<div class="text-black mb-4 text-[1.8em] w-[22em] text-center">
|
||||
A diverse engineering community seeking to empower students
|
||||
through hands-on projects, networking opportunities, and
|
||||
social events. Bonus points on having an open-access project
|
||||
studio!
|
||||
</div>
|
||||
<div class="text-black mb-4 text-[1.8em] w-[22em] text-center">
|
||||
The Institute of Electrical and Electronics Engineers (IEEE)
|
||||
UC San Diego student branch is the second largest student
|
||||
chapter in the world's largest professional organization. On
|
||||
the student level, we provide members with a plethora of
|
||||
ways to get involved!
|
||||
</div>
|
||||
</div>
|
||||
<!-- BLUE BG -->
|
||||
<div
|
||||
class="bg-ieee h-[35em] my-auto flex flex-col items-center justify-center bg-blend-overlay bg-no-repeat bg-cover align-center bg-center"
|
||||
style="background-image: url('/backgrounds/project_space.png');"
|
||||
>
|
||||
<!-- BLUE BG -->
|
||||
<div
|
||||
class="flex flex-col items-center justify-center text-center"
|
||||
>
|
||||
<div
|
||||
class="text-[3.2em] text-white font-bold mb-4 w-[11em]"
|
||||
>
|
||||
Join us at the Project Space!
|
||||
</div>
|
||||
<div
|
||||
class="text-white w-[22em] text-align-center text-[1.8em]"
|
||||
>
|
||||
The <a
|
||||
class="text-yellow-200 font-bold"
|
||||
href="https://maps.app.goo.gl/y4RwNCkoKBEHGHsv6"
|
||||
id="project-space-link">IEEE Project Space</a
|
||||
> is an open-access, collaborative space where students can
|
||||
do homework or get access to basic electronic tools such
|
||||
as soldering stations, breadboard components, and Arduino
|
||||
and Raspberry PI parts!
|
||||
</div>
|
||||
<!-- <div class="scale-[400%] mt-10 space-x-2">
|
||||
<a href="https://www.instagram.com/ieee.ucsd">
|
||||
<iconify-icon
|
||||
icon="mdi:calendar"
|
||||
class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-gray-500"
|
||||
></iconify-icon>
|
||||
</a>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Regular White BG -->
|
||||
<div
|
||||
class="bg-white h-[90em] 2xl:h-[50em] flex justify-center items-center"
|
||||
>
|
||||
<div
|
||||
class="flex flex-wrap 2xl:flex-nowrap justify-center gap-[10%] h-[90em] 2xl:h-[50em] max-w-6xl"
|
||||
>
|
||||
<!-- Adjust the max-width as needed -->
|
||||
<!-- Calendar -->
|
||||
<div
|
||||
class="flex flex-col relative items-center justify-center"
|
||||
>
|
||||
<div
|
||||
class="text-center text-ieee mb-12 text-[1.8em] font-bold"
|
||||
>
|
||||
Each officer has their own OAH, which can be seen
|
||||
here:
|
||||
</div>
|
||||
<iframe
|
||||
src="https://calendar.google.com/calendar/embed?src=c_5c08a366ecd44f440431cb647cf9b390a2f62473b4d19c8c355b32a411225067%40group.calendar.google.com&ctz=America%2FLos_Angeles"
|
||||
style="border: 0"
|
||||
width="600"
|
||||
height="450"
|
||||
frameborder="0"
|
||||
scrolling="no"></iframe>
|
||||
</div>
|
||||
|
||||
<!-- Map -->
|
||||
<div
|
||||
class="flex flex-col relative items-center justify-center"
|
||||
>
|
||||
<div
|
||||
class="text-center text-ieee mb-12 text-[1.8em] font-bold"
|
||||
>
|
||||
We are located in EBU1-4710, which can be seen here:
|
||||
</div>
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d418.8284043474777!2d-117.23570464239734!3d32.881580836136536!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80dc06c3689b4f99%3A0xdf55f97f07f34d4f!2sIrwin%20%26%20Joan%20Jacobs%20School%20of%20Engineering!5e0!3m2!1sen!2sus!4v1706156878486!5m2!1sen!2sus"
|
||||
width="600"
|
||||
height="450"
|
||||
style="border:0;"
|
||||
allowfullscreen=""
|
||||
loading="lazy"
|
||||
referrerpolicy="no-referrer-when-downgrade"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
#project-space-link {
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#project-space-link::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
transform: scaleX(0);
|
||||
height: 3px;
|
||||
@apply rounded-md;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@apply bg-yellow-200;
|
||||
transform-origin: bottom right;
|
||||
transition: transform 0.25s ease-out;
|
||||
}
|
||||
|
||||
#project-space-link:hover::after {
|
||||
transform: scaleX(1);
|
||||
transform-origin: bottom left;
|
||||
}
|
||||
</style>
|
||||
</Layout>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,6 @@
|
|||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
* {
|
||||
font-family: "Epilogue Variable", sans-serif;
|
||||
}
|
||||
Loading…
Reference in a new issue