initial commit
This commit is contained in:
commit
d0605c623c
24 changed files with 6929 additions and 0 deletions
24
.gitignore
vendored
Normal file
24
.gitignore
vendored
Normal file
|
@ -0,0 +1,24 @@
|
|||
# build output
|
||||
dist/
|
||||
# generated types
|
||||
.astro/
|
||||
|
||||
# dependencies
|
||||
node_modules/
|
||||
|
||||
# logs
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
|
||||
# environment variables
|
||||
.env
|
||||
.env.production
|
||||
|
||||
# macOS-specific files
|
||||
.DS_Store
|
||||
|
||||
# jetbrains setting folder
|
||||
.idea/
|
4
.vscode/extensions.json
vendored
Normal file
4
.vscode/extensions.json
vendored
Normal file
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"recommendations": ["astro-build.astro-vscode"],
|
||||
"unwantedRecommendations": []
|
||||
}
|
11
.vscode/launch.json
vendored
Normal file
11
.vscode/launch.json
vendored
Normal file
|
@ -0,0 +1,11 @@
|
|||
{
|
||||
"version": "0.2.0",
|
||||
"configurations": [
|
||||
{
|
||||
"command": "./node_modules/.bin/astro dev",
|
||||
"name": "Development server",
|
||||
"request": "launch",
|
||||
"type": "node-terminal"
|
||||
}
|
||||
]
|
||||
}
|
4
README.md
Normal file
4
README.md
Normal file
|
@ -0,0 +1,4 @@
|
|||
# CUBCAPS website
|
||||
|
||||
Based on Astro.
|
||||
|
8
astro.config.mjs
Normal file
8
astro.config.mjs
Normal file
|
@ -0,0 +1,8 @@
|
|||
import { defineConfig } from 'astro/config';
|
||||
|
||||
import tailwind from '@astrojs/tailwind';
|
||||
|
||||
// https://astro.build/config
|
||||
export default defineConfig({
|
||||
integrations: [tailwind()]
|
||||
});
|
6489
package-lock.json
generated
Normal file
6489
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
17
package.json
Normal file
17
package.json
Normal file
|
@ -0,0 +1,17 @@
|
|||
{
|
||||
"name": "cubcaps.org",
|
||||
"type": "module",
|
||||
"version": "0.0.1",
|
||||
"scripts": {
|
||||
"dev": "astro dev",
|
||||
"start": "astro dev",
|
||||
"build": "astro build",
|
||||
"preview": "astro preview",
|
||||
"astro": "astro"
|
||||
},
|
||||
"dependencies": {
|
||||
"@astrojs/tailwind": "^5.1.0",
|
||||
"astro": "^4.15.5",
|
||||
"tailwindcss": "^3.4.11"
|
||||
}
|
||||
}
|
2
public/CUBCAPS.svg
Normal file
2
public/CUBCAPS.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 78 KiB |
BIN
public/favicon.png
Normal file
BIN
public/favicon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 116 KiB |
9
public/favicon.svg
Normal file
9
public/favicon.svg
Normal file
|
@ -0,0 +1,9 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
|
||||
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
|
||||
<style>
|
||||
path { fill: #000; }
|
||||
@media (prefers-color-scheme: dark) {
|
||||
path { fill: #FFF; }
|
||||
}
|
||||
</style>
|
||||
</svg>
|
After Width: | Height: | Size: 749 B |
2
public/styles/global.astro
Normal file
2
public/styles/global.astro
Normal file
|
@ -0,0 +1,2 @@
|
|||
<style is:global>
|
||||
</style>
|
37
src/components/EventElement.astro
Normal file
37
src/components/EventElement.astro
Normal file
|
@ -0,0 +1,37 @@
|
|||
---
|
||||
interface Props {
|
||||
name: string,
|
||||
time: string,
|
||||
location: string,
|
||||
description: string,
|
||||
past?: boolean
|
||||
}
|
||||
const {name, time,location,description,past} = Astro.props;
|
||||
|
||||
var border_class = "border-y-4 p-2 border-accent-400";
|
||||
var info_class = "underline underline-offset-4 decoration-4 decoration-primary-400";
|
||||
if (past) {
|
||||
border_class = "border-y-4 p-2 border-accent-300";
|
||||
info_class = "underline underline-offset-4 decoration-4 decoration-primary-300";
|
||||
}
|
||||
---
|
||||
|
||||
<div class={border_class}>
|
||||
<div class="flex justify-between">
|
||||
<h1 class="font-normal text-2xl p-2">
|
||||
{name}
|
||||
</h1>
|
||||
<div class="font-normal p-2">
|
||||
<p class="mb-2">
|
||||
time: <span class={info_class}>{time}</span>
|
||||
</p>
|
||||
<p >
|
||||
location: <span class={info_class}>{location}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="font-normal text-neutral-800 p-2">
|
||||
{description}
|
||||
<p>
|
||||
</div>
|
||||
|
42
src/components/Navbar.astro
Normal file
42
src/components/Navbar.astro
Normal file
|
@ -0,0 +1,42 @@
|
|||
---
|
||||
import NavbarLink from './NavbarLink.astro';
|
||||
interface Props {
|
||||
current_page: string
|
||||
}
|
||||
const {current_page} = Astro.props;
|
||||
---
|
||||
|
||||
<div class=" top-0 inset-x-0 p-8 flex flex-wrap justify-center justify-items-center">
|
||||
<div>
|
||||
</div>
|
||||
<!-- <h1 class=" content-desktop font-bold text-xl mx-4 justify-center ">CUBCAPS logo</h1>-->
|
||||
<div class="inline-flex inset-x-0 flex-wrap grow justify-center ">
|
||||
<NavbarLink current_page={current_page == "Home"} text="Home" link="/"/>
|
||||
<NavbarLink current_page={current_page == "About"} text="About" link="/about"/>
|
||||
<NavbarLink current_page={current_page == "Events"} text="Events" link="/events"/>
|
||||
<NavbarLink current_page={current_page == "Photos"} text="Photos" link="/photos"/>
|
||||
<NavbarLink current_page={current_page == "Meeting Minutes"} text="Meeting Minutes" link="/minutes"/>
|
||||
<NavbarLink current_page={current_page == "Contact"} text="Contact" link="/contacts"/>
|
||||
<NavbarLink text="Links" link="https://linktr.ee/cubcaps"/>
|
||||
</div>
|
||||
<div
|
||||
class="content-desktop inline-flex space-x-6">
|
||||
<a href="discord">
|
||||
<svg class="" width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M5.5 16C10.5 18.5 13.5 18.5 18.5 16" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.5 17.5L16.5 19.5C16.5 19.5 20.6713 18.1717 22 16C22 15 22.5301 7.85339 19 5.5C17.5 4.5 15 4 15 4L14 6H12" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.52832 17.5L7.52832 19.5C7.52832 19.5 3.35699 18.1717 2.02832 16C2.02832 15 1.49823 7.85339 5.02832 5.5C6.52832 4.5 9.02832 4 9.02832 4L10.0283 6H12.0283" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.5 14C7.67157 14 7 13.1046 7 12C7 10.8954 7.67157 10 8.5 10C9.32843 10 10 10.8954 10 12C10 13.1046 9.32843 14 8.5 14Z" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.5 14C14.6716 14 14 13.1046 14 12C14 10.8954 14.6716 10 15.5 10C16.3284 10 17 10.8954 17 12C17 13.1046 16.3284 14 15.5 14Z" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
|
||||
</a>
|
||||
<a href="instagram">
|
||||
<svg class="" width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16Z" stroke="#000000" stroke-width="1.5"></path><path d="M17.5 6.51L17.51 6.49889" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
@media screen and (max-width: 767px) {
|
||||
.content-desktop {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
15
src/components/NavbarLink.astro
Normal file
15
src/components/NavbarLink.astro
Normal file
|
@ -0,0 +1,15 @@
|
|||
---
|
||||
interface Props {
|
||||
text: string;
|
||||
link: string;
|
||||
current_page?: boolean;
|
||||
}
|
||||
const { current_page, text, link} = Astro.props;
|
||||
var underline_class = "block max-w-0 group-hover:max-w-full transition-all duration-500 h-0.5 bg-accent-500"
|
||||
if (current_page) {
|
||||
underline_class = "block max-w-full transition-all duration-500 h-0.5 bg-primary-600"
|
||||
}
|
||||
---
|
||||
|
||||
<a class="text-lg px-2 no-underline group duration-300" href={link}>{text}
|
||||
<span class={underline_class}></span></a>
|
1
src/env.d.ts
vendored
Normal file
1
src/env.d.ts
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
/// <reference path="../.astro/types.d.ts" />
|
8
src/events/GA.md
Normal file
8
src/events/GA.md
Normal file
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: General Assembly
|
||||
date: September 2024
|
||||
past: false
|
||||
location: idk
|
||||
---
|
||||
|
||||
For the love of all the gods please show up
|
9
src/events/endyear_party.md
Normal file
9
src/events/endyear_party.md
Normal file
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
title: End of the Year party
|
||||
date: May 4th 2024
|
||||
past: true
|
||||
location: Hive
|
||||
---
|
||||
|
||||
You should have been there
|
||||
|
35
src/pages/about.astro
Normal file
35
src/pages/about.astro
Normal file
|
@ -0,0 +1,35 @@
|
|||
---
|
||||
import Navbar from "../components/Navbar.astro"
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>CUBCAPS</title>
|
||||
</head>
|
||||
<body class="bg-neutral-200">
|
||||
<Navbar current_page="About"/>
|
||||
<div class="my-20 flex justify-center">
|
||||
<h2 class="text-6xl">CUBCAPS (this should be a better logo)</h2>
|
||||
</div>
|
||||
|
||||
<div class=" py-20 justify-center align-middle mx-40 text-lg font-semibold">
|
||||
<p class="text-center">
|
||||
|
||||
Some landing page i still not sure about what it should be.
|
||||
</p>
|
||||
</br>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mollis velit sed nibh lobortis facilisis. Nam lacinia, purus in convallis maximus, eros nisi lacinia sapien, ac accumsan erat ipsum vitae ligula. Aliquam euismod faucibus ipsum, quis molestie est pulvinar nec. Proin egestas feugiat mollis. Vivamus vestibulum nisi tortor, ut laoreet risus eleifend ut. Quisque porta tellus et tortor lacinia, vel scelerisque neque varius. Sed tempus justo mi, nec egestas nisl ultrices quis. In fermentum velit luctus massa luctus varius. Integer augue risus, suscipit ut efficitur eu, suscipit sed justo. Vivamus diam nulla, semper at ipsum et, interdum efficitur risus. Donec dignissim sagittis erat. In dignissim bibendum augue quis sagittis. Integer nec lacus a lacus commodo varius ut sit amet elit. Pellentesque mattis congue massa non gravida. Pellentesque cursus eget ex sed imperdiet. Sed sed suscipit ipsum.
|
||||
|
||||
Sed malesuada lorem non libero pellentesque, id maximus quam fermentum. Vestibulum eu eros porta, tempor eros eget, maximus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse porta, mauris id maximus dignissim, quam ex hendrerit est, quis rutrum enim nibh a neque. Nunc eu massa sit amet lectus euismod viverra eu vel sem. Maecenas sit amet dictum lorem. Nulla ac est vel arcu rutrum pharetra. Sed mattis, lectus ac fringilla euismod, libero nisl porttitor nisl, id gravida ipsum dui viverra ex. In hac habitasse platea dictumst. Nunc lobortis rutrum augue et hendrerit. Quisque vel hendrerit ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam sodales tellus euismod justo iaculis tempus. Phasellus ultricies convallis lectus, sed aliquam tortor semper quis.
|
||||
|
||||
Vestibulum et venenatis libero, non iaculis ligula. Vestibulum tempor porta viverra. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non consectetur dui. Donec non mi lobortis turpis rutrum dignissim. Aenean quis tempor quam. Duis et cursus libero. Ut augue velit, mattis sed dapibus id, ornare sit amet tellus. Duis eu velit ac felis fermentum dictum. Quisque ut ultrices nisl, ac accumsan nunc. Maecenas suscipit fringilla dui sit amet vehicula. Nulla venenatis faucibus libero vitae sodales. Cras nisl sapien, dictum ut purus id, dapibus laoreet lacus.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
57
src/pages/events.astro
Executable file
57
src/pages/events.astro
Executable file
|
@ -0,0 +1,57 @@
|
|||
---
|
||||
import EventElement from "../components/EventElement.astro"
|
||||
import Navbar from "../components/Navbar.astro"
|
||||
|
||||
const events = await Astro.glob('../events/*.md');
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>CUBCAPS</title>
|
||||
</head>
|
||||
<body class="bg-neutral-200">
|
||||
<Navbar current_page="Events"/>
|
||||
|
||||
<div class=" py-20 justify-center align-middle mx-12 md:mx-40 text-lg font-semibold">
|
||||
|
||||
<h1 class="helv text-3xl text-left">
|
||||
Upcoming Events:
|
||||
</h1>
|
||||
</br>
|
||||
|
||||
|
||||
{
|
||||
events.filter((event) => !event.frontmatter.past).map((event) =>
|
||||
<EventElement
|
||||
name={event.frontmatter.title}
|
||||
time={event.frontmatter.date}
|
||||
location={event.frontmatter.location}
|
||||
description={event.rawContent()}
|
||||
past={event.frontmatter.past}/></br>
|
||||
)
|
||||
}
|
||||
|
||||
</br></br>
|
||||
<h1 class="helv text-3xl text-left">
|
||||
|
||||
Past Events:
|
||||
</h1>
|
||||
</br>
|
||||
|
||||
|
||||
{events.filter((event) => event.frontmatter.past).map((event) =>
|
||||
<EventElement
|
||||
name={event.frontmatter.title}
|
||||
time={event.frontmatter.date}
|
||||
location={event.frontmatter.location}
|
||||
description={event.rawContent()}
|
||||
past={event.frontmatter.past}/></br>
|
||||
)}
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
35
src/pages/index.astro
Normal file
35
src/pages/index.astro
Normal file
|
@ -0,0 +1,35 @@
|
|||
---
|
||||
import Navbar from "../components/Navbar.astro"
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>CUBCAPS</title>
|
||||
</head>
|
||||
<body class="bg-neutral-200">
|
||||
<Navbar current_page="Home"/>
|
||||
<div class="my-20 flex justify-center">
|
||||
<h2 class="text-6xl">CUBCAPS (this should be a better logo)</h2>
|
||||
</div>
|
||||
|
||||
<div class=" py-20 justify-center align-middle mx-40 text-lg font-semibold">
|
||||
<p class="text-center">
|
||||
|
||||
Some landing page i still not sure about what it should be.
|
||||
</p>
|
||||
</br>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mollis velit sed nibh lobortis facilisis. Nam lacinia, purus in convallis maximus, eros nisi lacinia sapien, ac accumsan erat ipsum vitae ligula. Aliquam euismod faucibus ipsum, quis molestie est pulvinar nec. Proin egestas feugiat mollis. Vivamus vestibulum nisi tortor, ut laoreet risus eleifend ut. Quisque porta tellus et tortor lacinia, vel scelerisque neque varius. Sed tempus justo mi, nec egestas nisl ultrices quis. In fermentum velit luctus massa luctus varius. Integer augue risus, suscipit ut efficitur eu, suscipit sed justo. Vivamus diam nulla, semper at ipsum et, interdum efficitur risus. Donec dignissim sagittis erat. In dignissim bibendum augue quis sagittis. Integer nec lacus a lacus commodo varius ut sit amet elit. Pellentesque mattis congue massa non gravida. Pellentesque cursus eget ex sed imperdiet. Sed sed suscipit ipsum.
|
||||
|
||||
Sed malesuada lorem non libero pellentesque, id maximus quam fermentum. Vestibulum eu eros porta, tempor eros eget, maximus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse porta, mauris id maximus dignissim, quam ex hendrerit est, quis rutrum enim nibh a neque. Nunc eu massa sit amet lectus euismod viverra eu vel sem. Maecenas sit amet dictum lorem. Nulla ac est vel arcu rutrum pharetra. Sed mattis, lectus ac fringilla euismod, libero nisl porttitor nisl, id gravida ipsum dui viverra ex. In hac habitasse platea dictumst. Nunc lobortis rutrum augue et hendrerit. Quisque vel hendrerit ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam sodales tellus euismod justo iaculis tempus. Phasellus ultricies convallis lectus, sed aliquam tortor semper quis.
|
||||
|
||||
Vestibulum et venenatis libero, non iaculis ligula. Vestibulum tempor porta viverra. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non consectetur dui. Donec non mi lobortis turpis rutrum dignissim. Aenean quis tempor quam. Duis et cursus libero. Ut augue velit, mattis sed dapibus id, ornare sit amet tellus. Duis eu velit ac felis fermentum dictum. Quisque ut ultrices nisl, ac accumsan nunc. Maecenas suscipit fringilla dui sit amet vehicula. Nulla venenatis faucibus libero vitae sodales. Cras nisl sapien, dictum ut purus id, dapibus laoreet lacus.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
35
src/pages/minutes.astro
Normal file
35
src/pages/minutes.astro
Normal file
|
@ -0,0 +1,35 @@
|
|||
---
|
||||
import Navbar from "../components/Navbar.astro"
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>CUBCAPS</title>
|
||||
</head>
|
||||
<body class="bg-neutral-200">
|
||||
<Navbar current_page="Meeting Minutes"/>
|
||||
<div class="my-20 flex justify-center">
|
||||
<h2 class="text-6xl">CUBCAPS (this should be a better logo)</h2>
|
||||
</div>
|
||||
|
||||
<div class=" py-20 justify-center align-middle mx-40 text-lg font-semibold">
|
||||
<p class="text-center">
|
||||
|
||||
Some landing page i still not sure about what it should be.
|
||||
</p>
|
||||
</br>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mollis velit sed nibh lobortis facilisis. Nam lacinia, purus in convallis maximus, eros nisi lacinia sapien, ac accumsan erat ipsum vitae ligula. Aliquam euismod faucibus ipsum, quis molestie est pulvinar nec. Proin egestas feugiat mollis. Vivamus vestibulum nisi tortor, ut laoreet risus eleifend ut. Quisque porta tellus et tortor lacinia, vel scelerisque neque varius. Sed tempus justo mi, nec egestas nisl ultrices quis. In fermentum velit luctus massa luctus varius. Integer augue risus, suscipit ut efficitur eu, suscipit sed justo. Vivamus diam nulla, semper at ipsum et, interdum efficitur risus. Donec dignissim sagittis erat. In dignissim bibendum augue quis sagittis. Integer nec lacus a lacus commodo varius ut sit amet elit. Pellentesque mattis congue massa non gravida. Pellentesque cursus eget ex sed imperdiet. Sed sed suscipit ipsum.
|
||||
|
||||
Sed malesuada lorem non libero pellentesque, id maximus quam fermentum. Vestibulum eu eros porta, tempor eros eget, maximus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse porta, mauris id maximus dignissim, quam ex hendrerit est, quis rutrum enim nibh a neque. Nunc eu massa sit amet lectus euismod viverra eu vel sem. Maecenas sit amet dictum lorem. Nulla ac est vel arcu rutrum pharetra. Sed mattis, lectus ac fringilla euismod, libero nisl porttitor nisl, id gravida ipsum dui viverra ex. In hac habitasse platea dictumst. Nunc lobortis rutrum augue et hendrerit. Quisque vel hendrerit ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam sodales tellus euismod justo iaculis tempus. Phasellus ultricies convallis lectus, sed aliquam tortor semper quis.
|
||||
|
||||
Vestibulum et venenatis libero, non iaculis ligula. Vestibulum tempor porta viverra. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non consectetur dui. Donec non mi lobortis turpis rutrum dignissim. Aenean quis tempor quam. Duis et cursus libero. Ut augue velit, mattis sed dapibus id, ornare sit amet tellus. Duis eu velit ac felis fermentum dictum. Quisque ut ultrices nisl, ac accumsan nunc. Maecenas suscipit fringilla dui sit amet vehicula. Nulla venenatis faucibus libero vitae sodales. Cras nisl sapien, dictum ut purus id, dapibus laoreet lacus.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
35
src/pages/photos.astro
Normal file
35
src/pages/photos.astro
Normal file
|
@ -0,0 +1,35 @@
|
|||
---
|
||||
import Navbar from "../components/Navbar.astro"
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>CUBCAPS</title>
|
||||
</head>
|
||||
<body class="bg-neutral-200">
|
||||
<Navbar current_page="Photos"/>
|
||||
<div class="my-20 flex justify-center">
|
||||
<h2 class="text-6xl">CUBCAPS (this should be a better logo)</h2>
|
||||
</div>
|
||||
|
||||
<div class=" py-20 justify-center align-middle mx-40 text-lg font-semibold">
|
||||
<p class="text-center">
|
||||
|
||||
Some landing page i still not sure about what it should be.
|
||||
</p>
|
||||
</br>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mollis velit sed nibh lobortis facilisis. Nam lacinia, purus in convallis maximus, eros nisi lacinia sapien, ac accumsan erat ipsum vitae ligula. Aliquam euismod faucibus ipsum, quis molestie est pulvinar nec. Proin egestas feugiat mollis. Vivamus vestibulum nisi tortor, ut laoreet risus eleifend ut. Quisque porta tellus et tortor lacinia, vel scelerisque neque varius. Sed tempus justo mi, nec egestas nisl ultrices quis. In fermentum velit luctus massa luctus varius. Integer augue risus, suscipit ut efficitur eu, suscipit sed justo. Vivamus diam nulla, semper at ipsum et, interdum efficitur risus. Donec dignissim sagittis erat. In dignissim bibendum augue quis sagittis. Integer nec lacus a lacus commodo varius ut sit amet elit. Pellentesque mattis congue massa non gravida. Pellentesque cursus eget ex sed imperdiet. Sed sed suscipit ipsum.
|
||||
|
||||
Sed malesuada lorem non libero pellentesque, id maximus quam fermentum. Vestibulum eu eros porta, tempor eros eget, maximus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse porta, mauris id maximus dignissim, quam ex hendrerit est, quis rutrum enim nibh a neque. Nunc eu massa sit amet lectus euismod viverra eu vel sem. Maecenas sit amet dictum lorem. Nulla ac est vel arcu rutrum pharetra. Sed mattis, lectus ac fringilla euismod, libero nisl porttitor nisl, id gravida ipsum dui viverra ex. In hac habitasse platea dictumst. Nunc lobortis rutrum augue et hendrerit. Quisque vel hendrerit ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam sodales tellus euismod justo iaculis tempus. Phasellus ultricies convallis lectus, sed aliquam tortor semper quis.
|
||||
|
||||
Vestibulum et venenatis libero, non iaculis ligula. Vestibulum tempor porta viverra. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non consectetur dui. Donec non mi lobortis turpis rutrum dignissim. Aenean quis tempor quam. Duis et cursus libero. Ut augue velit, mattis sed dapibus id, ornare sit amet tellus. Duis eu velit ac felis fermentum dictum. Quisque ut ultrices nisl, ac accumsan nunc. Maecenas suscipit fringilla dui sit amet vehicula. Nulla venenatis faucibus libero vitae sodales. Cras nisl sapien, dictum ut purus id, dapibus laoreet lacus.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
47
tailwind.config.mjs
Normal file
47
tailwind.config.mjs
Normal file
|
@ -0,0 +1,47 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
|
||||
primary: {
|
||||
100:"#FFF2F2",
|
||||
200:"#FDD2D3",
|
||||
300:"#F2ACB0",
|
||||
400:"#D27C87",
|
||||
500:"#944654",
|
||||
600:"#782B3D",
|
||||
700:"#5D1B2F",
|
||||
800:"#421223",
|
||||
900:"#260A16",
|
||||
},
|
||||
accent: {
|
||||
100: "#F3F2FF",
|
||||
200: "#C1C1FE",
|
||||
300: "#8E95FB",
|
||||
400: "#596CF0",
|
||||
500: "#2748DB",
|
||||
600: "#0D34AE",
|
||||
700: "#032981",
|
||||
800: "#001E54",
|
||||
900: "#001026",
|
||||
|
||||
},
|
||||
|
||||
neutral: {
|
||||
100: "#FCFAFA",
|
||||
200: "#EBE5E5",
|
||||
300: "#D9D1D2",
|
||||
400: "#C7BDBF",
|
||||
500: "#B5AAAC",
|
||||
600: "#91878A",
|
||||
700: "#6E6568",
|
||||
800: "#4A4346",
|
||||
900: "#262224",
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
3
tsconfig.json
Normal file
3
tsconfig.json
Normal file
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"extends": "astro/tsconfigs/base"
|
||||
}
|
Loading…
Reference in a new issue