added qp links

This commit is contained in:
chark1es 2024-04-02 23:50:39 -07:00
parent 8b339e68b3
commit ed44e2f832
5 changed files with 83 additions and 0 deletions

View file

@ -12,6 +12,9 @@ const { title, description, keywords, url, image } = Astro.props;
<head> <head>
<script src="https://identity.netlify.com/v1/netlify-identity-widget.js" <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"
></script> ></script>
<script
src="https://cdn.jsdelivr.net/npm/iconify-icon@2.0.0/dist/iconify-icon.min.js"
></script>
<script <script
src="https://code.iconify.design/iconify-icon/1.0.8/iconify-icon.min.js" src="https://code.iconify.design/iconify-icon/1.0.8/iconify-icon.min.js"
></script> ></script>

View file

@ -3,6 +3,7 @@ import Layout from "../layouts/Layout.astro";
import OfficerCard from "../components/react/OfficerCard.jsx"; import OfficerCard from "../components/react/OfficerCard.jsx";
import Officers from "../data/officers.json"; import Officers from "../data/officers.json";
import OfficerTabs from "../components/react/OfficerTabs.jsx"; import OfficerTabs from "../components/react/OfficerTabs.jsx";
import "iconify-icon";
--- ---
<html lang="en"> <html lang="en">

45
src/pages/qp/index.astro Normal file
View file

@ -0,0 +1,45 @@
---
import Layout from "../../layouts/Layout.astro";
---
<Layout>
<div class="flex flex-col">
<div
class="bg-ieee h-[35em] rounded-b-[10%] 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-center text-white font-bold mb-4 w-[11em]"
>
Quarterly Project Links
</div>
</div>
</div>
<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]">
Below are the links to the forms for QP!
</div>
<div
class="text-black mb-4 text-[1.4em] w-[22em] text-center items-center justify-center bg-gray-200 rounded-lg p-4 group hover:scale-110 transition-all duration-500"
>
<a class="" href="./qp/mentor2024">
<div class="text-[1.2em] font-medium">
Mentor Signup 2024
</div>
</a>
</div>
<div
class="text-black mb-4 text-[1.4em] w-[22em] text-center items-center justify-center bg-gray-200 rounded-lg p-4 group hover:scale-110 transition-all duration-500"
>
<a class="" href="./qp/participant2024">
<div class="text-[1.2em] font-medium">
Participant Signup 2024
</div>
</a>
</div>
</div>
</div>
</Layout>

View file

@ -0,0 +1,17 @@
---
import Layout from "../../layouts/Layout.astro";
---
<Layout>
<div>
<iframe
class=""
src="https://docs.google.com/forms/d/e/1FAIpQLSdTytl0lmhAq75Ql7kHLtfBSd5ileMKOuh_d48ECV_rotWdhQ/viewform?embedded=true"
width="100%"
height="1500"
frameborder="0"
marginheight="0"
marginwidth="0">Loading…</iframe
>
</div>
</Layout>

View file

@ -0,0 +1,17 @@
---
import Layout from "../../layouts/Layout.astro";
---
<Layout>
<div>
<iframe
class=""
src="https://docs.google.com/forms/d/e/1FAIpQLSdZPJshKKHpUjuF8hA15NOD49XUDOzCge5T9Qskn0XxAt1X0A/viewform?embeded=true"
width="100%"
height="1500"
frameborder="0"
marginheight="0"
marginwidth="0">Loading…</iframe
>
</div>
</Layout>