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": {
|
"dependencies": {
|
||||||
"@astrojs/check": "^0.4.1",
|
"@astrojs/check": "^0.4.1",
|
||||||
"@astrojs/tailwind": "^5.1.0",
|
"@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",
|
"astro": "^4.1.2",
|
||||||
"iconify-icon": "^1.0.8",
|
"iconify-icon": "^1.0.8",
|
||||||
"tailwindcss": "^3.4.1",
|
"tailwindcss": "^3.4.1",
|
||||||
|
|
@ -887,6 +892,31 @@
|
||||||
"node": ">=12"
|
"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": {
|
"node_modules/@iconify/types": {
|
||||||
"version": "2.0.0",
|
"version": "2.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
|
||||||
|
|
|
||||||
|
|
@ -12,6 +12,11 @@
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/check": "^0.4.1",
|
"@astrojs/check": "^0.4.1",
|
||||||
"@astrojs/tailwind": "^5.1.0",
|
"@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",
|
"astro": "^4.1.2",
|
||||||
"iconify-icon": "^1.0.8",
|
"iconify-icon": "^1.0.8",
|
||||||
"tailwindcss": "^3.4.1",
|
"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 Navbar from "../components/Navbar.astro";
|
||||||
|
import Footer from "../components/Footer.astro";
|
||||||
import "../styles/hamburgers.scss";
|
import "../styles/hamburgers.scss";
|
||||||
import "../styles/global.scss";
|
import "../styles/global.scss";
|
||||||
import "iconify-icon";
|
import "iconify-icon";
|
||||||
|
import "@fontsource-variable/epilogue";
|
||||||
const { title, description, keywords, url, image } = Astro.props;
|
const { title, description, keywords, url, image } = Astro.props;
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
@ -13,9 +15,9 @@ const { title, description, keywords, url, image } = Astro.props;
|
||||||
></script>
|
></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body class="min-h-screen">
|
||||||
<Navbar />
|
<Navbar />
|
||||||
<slot />
|
<slot />
|
||||||
<footer></footer>
|
<Footer />
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -4,15 +4,21 @@ import Layout from "../layouts/Layout.astro";
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<Layout>
|
<Layout>
|
||||||
<div
|
<div class="flex flex-col">
|
||||||
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"
|
<div
|
||||||
style="background-image: url('/backgrounds/fa21qp.png');"
|
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');"
|
||||||
<div class="flex flex-col items-center justify-center text-center">
|
>
|
||||||
<div class="text-[3.2em] text-white font-bold mb-4 w-[11em]">
|
<!-- BLUE BG -->
|
||||||
Join the 2nd largest IEEE student branch in the US!
|
<div
|
||||||
</div>
|
class="flex flex-col items-center justify-center text-center"
|
||||||
<div class="scale-[600%] mt-10 space-x-2">
|
>
|
||||||
|
<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">
|
<a href="https://discord.gg/XxfjqZSjca">
|
||||||
<iconify-icon
|
<iconify-icon
|
||||||
icon="ic:baseline-discord"
|
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]"
|
class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-[#ff68cd]"
|
||||||
></iconify-icon>
|
></iconify-icon>
|
||||||
</a>
|
</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>
|
</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>
|
</Layout>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
* {
|
||||||
|
font-family: "Epilogue Variable", sans-serif;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue