rushilwiz/potentia-website
1
0
Fork 0
mirror of https://github.com/PotentiaRobotics/potentia-website.git synced 2025-04-03 20:10:15 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
SanjayramVempati 2023-04-12 19:04:57 -04:00
parent f3c6d215d3
commit ae789df637
12 changed files with 98 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/astro.svg Normal file
View File

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36">
<path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/>
<path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/>
<defs>
<linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse">
<stop stop-color="#000"/>
<stop offset="1" stop-color="#000" stop-opacity="0"/>
</linearGradient>
</defs>
<style>
@media (prefers-color-scheme:dark){:root{filter:invert(100%)}}
</style>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 873 B

14
public/favicon.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 873 B

After

Width:  |  Height:  |  Size: 31 KiB

2
src/components/Nav.astro
View File

@ -5,7 +5,7 @@ import logo from "../images/logo.png";
import OutlineButton from "../components/buttons/OutlineButton.astro";
---
<header class="h-auto bg-slate-800 " id="nav">
<header class="h-auto bg-slate-900 " id="nav">
<div class="flex flex-row justify-between mx-12 ">
<!-- Logo -->

2
src/components/buttons/Tag.astro
View File

@ -2,6 +2,6 @@
---
<button class="inline-block bg-gray-300 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">
<button class="inline-block bg-stone-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-200 mr-2 mb-2">
<slot>Text goes here</slot>
</button>

6
src/components/cards/PersonCard.astro
View File

@ -12,12 +12,12 @@ import mountain from "/src/images/mountain.jpg"
<div class="max-w-sm rounded overflow-hidden shadow-lg bg-slate-200">
<div class="max-w-sm rounded overflow-hidden shadow-lg bg-stone-900">
<img class="w-full object-cover h-64 " src={image}>
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2">{name}</div>
<p class="text-gray-700 text-base">
<div class="font-bold text-slate-300 text-xl mb-2">{name}</div>
<p class="text-gray-100 text-base">
<slot></slot>
</p>
</div>

BIN
src/images/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

12
src/layouts/Layout.astro
View File

@ -1,6 +1,10 @@
---
var {title} = Astro.props;
var backgroundColor = Astro.props;
//Imports
import Nav from '../components/Nav.astro';
import Footer from '../components/Footer.astro';
---
<html lang="en">
@ -13,8 +17,14 @@ var backgroundColor = Astro.props;
</head>
<body class='bg-slate-800'>
<body class='bg-slate-900'>
<!-- Content -->
<slot></slot>
<!-- Footer -->
<Footer></Footer>
</body>
</html>

10
src/pages/contact.astro
View File

@ -12,13 +12,13 @@ import ContactForm from '/src/components/ContactForm.astro'
---
<Layout title="| Contact">
<!-- Navbar -->
<Nav> <span slot="contact" class="text-blue-300 shadow-2xl shadow-orange-600 ">CONTACT</span></Nav>
<ContactForm></ContactForm>
<!-- Navbar -->
<Nav> <span slot="contact" class="text-blue-300 shadow-2xl shadow-orange-600 ">CONTACT</span></Nav>
<ContactForm></ContactForm>
<!-- Footer -->
<Footer></Footer>
</Layout>

85
src/pages/index.astro
View File

@ -22,64 +22,63 @@ import OutlineButton from '../components/buttons/OutlineButton.astro';
<Layout>
<!-- Nav -->
<Nav></Nav>
<Nav></Nav>
<!--Header Section -->
<div class="flex flex-row mt-10 justify-between mb-20 space-x-10 max-lg:flex-col space-y-11 max-lg:text-center">
<!-- Title -->
<!--Header Section -->
<div class="flex flex-row mt-10 justify-between mb-20 space-x-10 max-lg:flex-col space-y-11 max-lg:text-center">
<!-- Title -->
<h1 class="mx-auto xl:ml-32 max-md:w- mt-20 text-6xl w-[14em] text-white font-semibold font-sans max-lg: max-md:w-3/4 max-lg:">Potentia Is On The <br> Next Level Of Tech</h1>
<h1 class="mx-auto xl:ml-32 max-md:w- mt-20 text-6xl w-[14em] text-white font-semibold font-sans max-lg: max-md:w-3/4 max-lg:">Potentia Is On The <br> Next Level Of Tech</h1>
<!-- Subheading -->
<div class="mx-auto ">
<h3 class="mr-40 mx-auto text-xl w-[22em] text-blue-300 font-medium font-serif ">Potentia Robotics is the first high school team to design and build a fully-functional humanoid robot entirely from scratch.<br> PLEASE let me out the basement anish 😭 </h3>
<!-- Buttons -->
<div class="space-x-4 flex flex-row mt-8 ">
<OutlineButton text="Help" link="/"></OutlineButton>
<a href="/">
<button class=" px-4 rounded-md
shadow-lg py-1 max-md:hidden
text-yellow-300 font-mono font-bold text-xl
transition-all duration-300">Learn More ↗️</button>
</a>
<!-- Subheading -->
<div class="mx-auto ">
<h3 class="mr-40 mx-auto text-xl w-[22em] text-blue-300 font-medium font-serif ">Potentia Robotics is the first high school team to design and build a fully-functional humanoid robot entirely from scratch.<br> PLEASE let me out the basement anish 😭 </h3>
<!-- Buttons -->
<div class="space-x-4 flex flex-row mt-8 ">
<OutlineButton text="Help" link="/"></OutlineButton>
<a href="/">
<button class=" px-4 rounded-md
shadow-lg py-1 max-md:hidden
text-yellow-300 font-mono font-bold text-xl
transition-all duration-300">Learn More ↗️</button>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Card Section -->
<!-- Card Section -->
<div class="flex flex-row mt-14 mb-10 space-x-44 mx-12 max-md:flex-col max-md:space-x-0 max-md:space-y-4">
<!-- Cards Card -->
<Card title="Title" image={atom} button="Learn More ↗️" >Potentia Robotics is the first high school team to design and build a fully-functional humanoid robot entirely from scratch </Card>
<Card title="Title" image={atom} button="Learn More ↗️" >Potentia Robotics is the first high school team to design and build a fully-functional humanoid robot entirely from scratch </Card>
<Card title="Title" image={atom} button="Learn More ↗️" >Potentia Robotics is the first high school team to design and build a fully-functional humanoid robot entirely from scratch </Card>
</div>
<div class="flex flex-row mt-14 mb-10 space-x-44 mx-12 max-md:flex-col max-md:space-x-0 max-md:space-y-4">
<!-- Cards Card -->
<Card title="Title" image={atom} button="Learn More ↗️" >Potentia Robotics is the first high school team to design and build a fully-functional humanoid robot entirely from scratch </Card>
<Card title="Title" image={atom} button="Learn More ↗️" >Potentia Robotics is the first high school team to design and build a fully-functional humanoid robot entirely from scratch </Card>
<Card title="Title" image={atom} button="Learn More ↗️" >Potentia Robotics is the first high school team to design and build a fully-functional humanoid robot entirely from scratch </Card>
</div>
<!-- Timeline -->
<div class="text-center mb-10 mt-36">
<h1 class="mb-10 text-4xl text-blue-400 underline underline-offset-4 font-semibold">Timeline</h1>
</div>
<!-- Timeline -->
<div class="text-center mb-10 mt-36">
<h1 class="mb-10 text-4xl text-blue-400 underline underline-offset-4 font-semibold">Timeline</h1>
</div>
<div class="justify-center flex ">
<Timeline></Timeline>
</div>
</div>
<div class="justify-center flex ">
<Timeline></Timeline>
</div>
</div>
<!-- Footer -->
<Footer></Footer>
</Layout>

2
src/pages/olympian.astro
View File

@ -19,6 +19,4 @@ import Footer from '../components/Footer.astro';
<!-- Footer -->
<Footer></Footer>
</Layout>

3
src/pages/success.astro
View File

@ -31,6 +31,5 @@ import OutlineButton from '/src/components/buttons/OutlineButton.astro'
<!-- Footer -->
<Footer></Footer>
</Layout>

28
src/pages/team.astro
View File

@ -22,23 +22,25 @@ import Anish from '/src/images/people/anish.jpg';
<!-- Header -->
<h1 class="text-blue-300 text-center my-10 font-bold text-3xl font-mono">Meet our team</h1>
<!-- Instruction header -->
<h2 id="h2" class="text-center text-3xl mb-10 font-bold font-mono text-white">Click the buttons to look at out amazing team !!!! <br>(You can select different categories !!!!!)</h2>
<!-- Category buttons -->
<div class="flex flex-row justify-center mb-20 space-x-14">
<!-- Leads -->
<button id="lead" class="border-blue-400 text-blue-500 text-lg font-bold font-mono px-2 py-2 border-2 rounded-lg" > Leads</button>
<button id="lead" class="border-blue-400 text-blue-500 text-lg font-bold font-mono px-2 py-2 border-2 rounded-lg button hid" > Leads</button>
<!-- Engineering -->
<button id="engineering" class="border-blue-400 text-blue-500 text-lg font-bold font-mono px-2 py-2 border-2 rounded-lg" > Engineering</button>
<button id="engineering" class="border-blue-400 text-blue-500 text-lg font-bold font-mono px-2 py-2 border-2 rounded-lg button hid" > Engineering</button>
</div>
<div class="grid-cols-3 flex justify-center space-x-10 gap-y-10">
<div class="grid-cols-3 flex justify-center space-x-10 gap-y-10 mb-20">
<!-- Engineering category -->
<div class=" hidden" id="engineeringDiv">
<PersonCard title="Ram Vempati" id="" image={Ram}>
Hello my name is ram and I am from tech support.
@ -50,7 +52,7 @@ import Anish from '/src/images/people/anish.jpg';
</PersonCard>
</div>
<!-- Engineering category -->
<!-- Lead category -->
<div class=" hidden" id="leadDiv">
<PersonCard title="Anish suvurna" id="" image={Anish}>
@ -68,8 +70,7 @@ import Anish from '/src/images/people/anish.jpg';
<!-- Footer -->
<Footer></Footer>
</Layout>
@ -77,6 +78,9 @@ import Anish from '/src/images/people/anish.jpg';
<!-- Show engineering div when the engineerng button is clicked -->
<script>
var buttons = document.getElementsByClassName("button");
// Engineering divs
document.getElementById("engineering").addEventListener("click", function(){
document.getElementById("engineeringDiv").classList.toggle("hidden");
@ -88,11 +92,19 @@ import Anish from '/src/images/people/anish.jpg';
// Make buttons red on click
var buttons = document.getElementsByClassName("border-blue-400");
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", function() {
this.classList.toggle("border-red-400");
this.classList.toggle("text-red-400");
});
}
// Remove h2 permenantly on button click
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", function() {
document.getElementById("h2").remove()
});
}
</script>