thepurplebubble · taciturnaxolotl · Dec 11, 2023 · Dec 11, 2023 · Dec 11, 2023 · Dec 11, 2023
@@ -1,7 +1,4 @@
 {
-    "endOfLine": "lf",
-    "trailingComma": "none",
-    "plugins": [""],
-    "pluginSearchDirs": ["."],
-    "overrides": []
-  }
+  "tabWidth": 2,
+  "useTabs": false
+}
@@ -1,3 +1,4 @@
+
 # site
 
 [![Netlify Status](https://api.netlify.com/api/v1/badges/405c64d7-3e5c-41c6-8577-13298a2edcf7/deploy-status?branch=main)](https://app.netlify.com/sites/chimerical-fox-6d9845/deploys)
@@ -0,0 +1,4 @@
+import { defineConfig } from 'astro/config';
+
+// https://astro.build/config
+export default defineConfig({});
@@ -0,0 +1,3 @@
+[build]
+  command = "npm run build"
+  publish = "dist"
@@ -1,23 +1,15 @@
 {
-  "name": "thepurplebubble-site",
-  "version": "1.0.0",
-  "private": true,
-  "dependencies": {
-    "@lottiefiles/lottie-player": "1.5.7",
-    "parcel": "^2.10.3"
-  },
+  "name": "",
+  "type": "module",
+  "version": "0.0.1",
   "scripts": {
-    "prepare": "husky install"
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro"
   },
-  "devDependencies": {
-    "eslint": "^8.55.0",
-    "eslint-config-prettier": "^9.1.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^15.2.0",
-    "prettier": "3.1.1",
-    "prettier-eslint": "^16.1.2"
-  },
-  "lint-staged": {
-    "**/*": "prettier --write --ignore-unknown"
+  "dependencies": {
+    "astro": "^4.0.4"
   }
-}
+}
@@ -0,0 +1,61 @@
+---
+interface Props {
+	title: string;
+	body: string;
+	href: string;
+}
+
+const { href, title, body } = Astro.props;
+---
+
+<li class="link-card">
+	<a href={href}>
+		<h2>
+			{title}
+			<span>&rarr;</span>
+		</h2>
+		<p>
+			{body}
+		</p>
+	</a>
+</li>
+<style>
+	.link-card {
+		list-style: none;
+		display: flex;
+		padding: 1px;
+		background-color: #23262d;
+		background-image: none;
+		background-size: 400%;
+		border-radius: 7px;
+		background-position: 100%;
+		transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
+		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+	}
+	.link-card > a {
+		width: 100%;
+		text-decoration: none;
+		line-height: 1.4;
+		padding: calc(1.5rem - 1px);
+		border-radius: 8px;
+		color: white;
+		background-color: #23262d;
+		opacity: 0.8;
+	}
+	h2 {
+		margin: 0;
+		font-size: 1.25rem;
+		transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
+	}
+	p {
+		margin-top: 0.5rem;
+		margin-bottom: 0;
+	}
+	.link-card:is(:hover, :focus-within) {
+		background-position: 0;
+		background-image: var(--accent-gradient);
+	}
+	.link-card:is(:hover, :focus-within) h2 {
+		color: rgb(var(--accent-light));
+	}
+</style>
@@ -0,0 +1 @@
+/// <reference types="astro/client" />
@@ -0,0 +1,140 @@
+---
+interface Props {
+	title: string;
+}
+
+const { title } = Astro.props;
+---
+
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta name="description" content="We're high schoolers across the world building something new. A brand new alternative to both iMessage and RCS. Coming Soon!" />
+		<meta property="og:title" content="The Purple Bubble" />
+		<meta property="og:description" content="We're high schoolers across the world building something new. A brand new alternative to both iMessage and RCS. Coming Soon!" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta charset="utf-8" />
+		<meta property="twitter:card" content="summary_large_image" />
+
+		<link rel="shortcut icon" href="public/favicon.png" type="icon/png" sizes="32x32" />
+  		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" data-tag="font" />
+  		<link rel="stylesheet" href="https://unpkg.com/@teleporthq/teleport-custom-scripts/dist/style.css" />
+
+		<title>{title}</title>
+	</head>
+	<body>
+		<slot />
+	</body>
+</html>
+<style is:global>
+	html {
+      font-family: Inter;
+      font-size: 16px;
+    }
+
+    body {
+      font-weight: 400;
+      font-style: normal;
+      text-decoration: none;
+      text-transform: none;
+      letter-spacing: normal;
+      line-height: 1.15;
+      color: var(--dl-color-gray-black);
+      background-color: var(--dl-color-gray-white);
+
+    }
+</style>
+
+<style is:global>
+	html {
+		line-height: 1.15;
+	}
+
+	body {
+		margin: 0;
+	}
+
+	* {
+		box-sizing: border-box;
+		border-width: 0;
+		border-style: solid;
+	}
+
+	p,
+	li,
+	ul,
+	pre,
+	div,
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	figure,
+	blockquote,
+	figcaption {
+		margin: 0;
+		padding: 0;
+	}
+
+	button {
+		background-color: transparent;
+	}
+
+	button,
+	input,
+	optgroup,
+	select,
+	textarea {
+		font-family: inherit;
+		font-size: 100%;
+		line-height: 1.15;
+		margin: 0;
+	}
+
+	button,
+	select {
+		text-transform: none;
+	}
+
+	button,
+	[type="button"],
+	[type="reset"],
+	[type="submit"] {
+		-webkit-appearance: button;
+		appearance: button;
+	}
+
+	button::-moz-focus-inner,
+	[type="button"]::-moz-focus-inner,
+	[type="reset"]::-moz-focus-inner,
+	[type="submit"]::-moz-focus-inner {
+		border-style: none;
+		padding: 0;
+	}
+
+	button:-moz-focus,
+	[type="button"]:-moz-focus,
+	[type="reset"]:-moz-focus,
+	[type="submit"]:-moz-focus {
+		outline: 1px dotted ButtonText;
+	}
+
+	a {
+		color: inherit;
+		text-decoration: inherit;
+	}
+
+	input {
+		padding: 2px 4px;
+	}
+
+	img {
+		display: block;
+	}
+
+	html {
+		scroll-behavior: smooth
+	}
+</style>
@@ -0,0 +1,112 @@
+---
+import Layout from '../layouts/Layout.astro';
+import '../styles/style.css';
+---
+
+<Layout title="Welcome to Astro.">
+	<main>
+		<div>
+			<script type="text/javascript"
+			src="https://unpkg.com/@lottiefiles/[email protected]/dist/lottie-player.js"></script>
+
+			<div class="home-container">
+			<div class="home-hero">
+				<h1 class="home-text">Welcome To The Purple Bubble!</h1>
+				<span class="home-text1">
+				<span>
+					A Free and OpenSource Project Created and Maintained By The
+					Community
+				</span>
+				<span></span>
+				<span></span>
+				</span>
+				<div class="home-btn-group">
+				<a href="https://github.com/thepurplebubble" target="_blank" rel="noreferrer noopener"
+					class="home-link button">
+					Help Contribute
+				</a>
+				<button class="home-button button">Sign Up For Newsletter</button>
+				</div>
+			</div>
+			<div class="home-features">
+				<div class="home-container1">
+				<div class="feature-card21-feature-card feature-card21-root-class-name3">
+					<svg viewBox="0 0 1024 1024" class="feature-card21-icon">
+					<path
+						d="M809.003 291.328l-297.003 171.819-297.003-171.819 275.456-157.397c4.779-2.731 9.899-4.48 15.147-5.333 9.301-1.451 18.987 0.128 27.904 5.291zM491.776 979.669c6.016 3.243 12.928 5.077 20.224 5.077 7.381 0 14.336-1.877 20.395-5.163 15.189-2.475 29.909-7.68 43.392-15.36l298.709-170.709c26.368-15.232 45.269-38.315 55.424-64.597 5.675-14.592 8.619-30.165 8.747-46.251v-341.333c0-20.395-4.821-39.723-13.397-56.917-0.939-3.029-2.219-5.973-3.883-8.832-1.963-3.371-4.267-6.357-6.912-8.96-1.323-1.835-2.731-3.669-4.139-5.419-9.813-12.203-21.845-22.528-35.456-30.507l-299.051-170.88c-26.027-15.019-55.467-19.84-83.328-15.531-15.531 2.432-30.507 7.637-44.288 15.488l-298.709 170.709c-16.341 9.429-29.824 21.888-40.149 36.267-2.56 2.56-4.864 5.547-6.784 8.832-1.664 2.901-2.987 5.888-3.925 8.96-1.707 3.456-3.243 6.955-4.608 10.496-5.632 14.635-8.576 30.208-8.704 45.995v341.632c0.043 30.293 10.581 58.197 28.331 80.128 9.813 12.203 21.845 22.528 35.456 30.507l299.051 170.88c13.824 7.979 28.587 13.099 43.605 15.445zM469.333 537.045v340.949l-277.12-158.336c-4.736-2.773-8.832-6.315-12.16-10.411-5.931-7.381-9.387-16.512-9.387-26.581v-318.379zM554.667 877.995v-340.949l298.667-172.757v318.379c-0.043 5.163-1.067 10.496-2.987 15.445-3.413 8.789-9.6 16.384-18.176 21.333z">
+					</path>
+					</svg>
+					<div class="feature-card21-container">
+					<h2 class="feature-card21-text">
+						<span>End-to-End Encryption</span>
+					</h2>
+					<span>
+						<span>
+						Ensure your conversations are secure and private with
+						end-to-end encryption.
+						</span>
+					</span>
+					</div>
+				</div>
+				<div class="feature-card22-feature-card feature-card22-root-class-name3">
+					<svg viewBox="0 0 1024 1024" class="feature-card22-icon">
+					<path
+						d="M809.003 291.328l-297.003 171.819-297.003-171.819 275.456-157.397c4.779-2.731 9.899-4.48 15.147-5.333 9.301-1.451 18.987 0.128 27.904 5.291zM491.776 979.669c6.016 3.243 12.928 5.077 20.224 5.077 7.381 0 14.336-1.877 20.395-5.163 15.189-2.475 29.909-7.68 43.392-15.36l298.709-170.709c26.368-15.232 45.269-38.315 55.424-64.597 5.675-14.592 8.619-30.165 8.747-46.251v-341.333c0-20.395-4.821-39.723-13.397-56.917-0.939-3.029-2.219-5.973-3.883-8.832-1.963-3.371-4.267-6.357-6.912-8.96-1.323-1.835-2.731-3.669-4.139-5.419-9.813-12.203-21.845-22.528-35.456-30.507l-299.051-170.88c-26.027-15.019-55.467-19.84-83.328-15.531-15.531 2.432-30.507 7.637-44.288 15.488l-298.709 170.709c-16.341 9.429-29.824 21.888-40.149 36.267-2.56 2.56-4.864 5.547-6.784 8.832-1.664 2.901-2.987 5.888-3.925 8.96-1.707 3.456-3.243 6.955-4.608 10.496-5.632 14.635-8.576 30.208-8.704 45.995v341.632c0.043 30.293 10.581 58.197 28.331 80.128 9.813 12.203 21.845 22.528 35.456 30.507l299.051 170.88c13.824 7.979 28.587 13.099 43.605 15.445zM469.333 537.045v340.949l-277.12-158.336c-4.736-2.773-8.832-6.315-12.16-10.411-5.931-7.381-9.387-16.512-9.387-26.581v-318.379zM554.667 877.995v-340.949l298.667-172.757v318.379c-0.043 5.163-1.067 10.496-2.987 15.445-3.413 8.789-9.6 16.384-18.176 21.333z">
+					</path>
+					</svg>
+					<div class="feature-card22-container">
+					<h2 class="feature-card22-text"><span>Group Chats</span></h2>
+					<span>
+						<span>
+						Easily create and manage group chats to collaborate with
+						friends, family, or colleagues.
+						</span>
+					</span>
+					</div>
+				</div>
+				<div class="feature-card23-feature-card feature-card23-root-class-name3">
+					<svg viewBox="0 0 1024 1024" class="feature-card23-icon">
+					<path
+						d="M809.003 291.328l-297.003 171.819-297.003-171.819 275.456-157.397c4.779-2.731 9.899-4.48 15.147-5.333 9.301-1.451 18.987 0.128 27.904 5.291zM491.776 979.669c6.016 3.243 12.928 5.077 20.224 5.077 7.381 0 14.336-1.877 20.395-5.163 15.189-2.475 29.909-7.68 43.392-15.36l298.709-170.709c26.368-15.232 45.269-38.315 55.424-64.597 5.675-14.592 8.619-30.165 8.747-46.251v-341.333c0-20.395-4.821-39.723-13.397-56.917-0.939-3.029-2.219-5.973-3.883-8.832-1.963-3.371-4.267-6.357-6.912-8.96-1.323-1.835-2.731-3.669-4.139-5.419-9.813-12.203-21.845-22.528-35.456-30.507l-299.051-170.88c-26.027-15.019-55.467-19.84-83.328-15.531-15.531 2.432-30.507 7.637-44.288 15.488l-298.709 170.709c-16.341 9.429-29.824 21.888-40.149 36.267-2.56 2.56-4.864 5.547-6.784 8.832-1.664 2.901-2.987 5.888-3.925 8.96-1.707 3.456-3.243 6.955-4.608 10.496-5.632 14.635-8.576 30.208-8.704 45.995v341.632c0.043 30.293 10.581 58.197 28.331 80.128 9.813 12.203 21.845 22.528 35.456 30.507l299.051 170.88c13.824 7.979 28.587 13.099 43.605 15.445zM469.333 537.045v340.949l-277.12-158.336c-4.736-2.773-8.832-6.315-12.16-10.411-5.931-7.381-9.387-16.512-9.387-26.581v-318.379zM554.667 877.995v-340.949l298.667-172.757v318.379c-0.043 5.163-1.067 10.496-2.987 15.445-3.413 8.789-9.6 16.384-18.176 21.333z">
+					</path>
+					</svg>
+					<div class="feature-card23-container">
+					<h2 class="feature-card23-text">
+						<span>Cross-Platform Compatibility</span>
+					</h2>
+					<span>
+						<span>
+						Access your messages from any device, whether it's a
+						smartphone, tablet, or computer.
+						</span>
+					</span>
+					</div>
+				</div>
+				<div class="feature-card24-feature-card feature-card24-root-class-name3">
+					<svg viewBox="0 0 1024 1024" class="feature-card24-icon">
+					<path
+						d="M809.003 291.328l-297.003 171.819-297.003-171.819 275.456-157.397c4.779-2.731 9.899-4.48 15.147-5.333 9.301-1.451 18.987 0.128 27.904 5.291zM491.776 979.669c6.016 3.243 12.928 5.077 20.224 5.077 7.381 0 14.336-1.877 20.395-5.163 15.189-2.475 29.909-7.68 43.392-15.36l298.709-170.709c26.368-15.232 45.269-38.315 55.424-64.597 5.675-14.592 8.619-30.165 8.747-46.251v-341.333c0-20.395-4.821-39.723-13.397-56.917-0.939-3.029-2.219-5.973-3.883-8.832-1.963-3.371-4.267-6.357-6.912-8.96-1.323-1.835-2.731-3.669-4.139-5.419-9.813-12.203-21.845-22.528-35.456-30.507l-299.051-170.88c-26.027-15.019-55.467-19.84-83.328-15.531-15.531 2.432-30.507 7.637-44.288 15.488l-298.709 170.709c-16.341 9.429-29.824 21.888-40.149 36.267-2.56 2.56-4.864 5.547-6.784 8.832-1.664 2.901-2.987 5.888-3.925 8.96-1.707 3.456-3.243 6.955-4.608 10.496-5.632 14.635-8.576 30.208-8.704 45.995v341.632c0.043 30.293 10.581 58.197 28.331 80.128 9.813 12.203 21.845 22.528 35.456 30.507l299.051 170.88c13.824 7.979 28.587 13.099 43.605 15.445zM469.333 537.045v340.949l-277.12-158.336c-4.736-2.773-8.832-6.315-12.16-10.411-5.931-7.381-9.387-16.512-9.387-26.581v-318.379zM554.667 877.995v-340.949l298.667-172.757v318.379c-0.043 5.163-1.067 10.496-2.987 15.445-3.413 8.789-9.6 16.384-18.176 21.333z">
+					</path>
+					</svg>
+					<div class="feature-card24-container">
+					<h2 class="feature-card24-text">
+						<span>Customizable Themes</span>
+					</h2>
+					<span>
+						<span>
+						Personalize your messaging experience with a wide range of
+						customizable themes and color options.
+						</span>
+					</span>
+					</div>
+				</div>
+				</div>
+				<div class="home-container2">
+				<lottie-player src="https://lottie.host/24b6463d-e45e-4626-88b9-32dc2044a6f8/GLQFuHjD0l.json" loop=""
+					speed="1" autoplay="" background="transparent" class="home-lottie-node"></lottie-player>
+				</div>
+			</div>
+			</div>
+		</div>
+	</main>
+</Layout>
Original file line number	Diff line number	Diff line change
		@@ -1,3 +1,4 @@

		# site

		[![Netlify Status](https://api.netlify.com/api/v1/badges/405c64d7-3e5c-41c6-8577-13298a2edcf7/deploy-status?branch=main)](https://app.netlify.com/sites/chimerical-fox-6d9845/deploys)