Removed tailwind, we are doing this from scratch

2026-01-10 07:17:56 -05:00 · 2022-06-09 16:31:48 +00:00
parent ab806fba35
commit fabe0d9c4d
8 changed files with 15 additions and 7 deletions
--- a/public/index.html
+++ b/public/index.html
@@ -2,7 +2,6 @@
 <html lang="en">
 <html prefix="og: https://ogp.me/ns#">

-
 <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -20,11 +19,11 @@
    <meta name="description" content="The Privacy and Scaling Exploration Team's website. Enjoy." />
    <title>Privacy and Scaling Exploration</title>

-    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+
 </head>

 <body>
--- a/src/components/Discord.tsx
+++ b/src/components/Discord.tsx
@@ -6,7 +6,7 @@ import './Discord.css'
 function Discord() {
  return (
    <div id="call_to_action">
-      <h2>
+      <h2 className="text-3xl">
        Join our conversation on Discord!
      </h2>
      <a href="https://discord.gg/g5YTV7HHbh" target="_blank" rel="noopener noreferrer">
--- a/src/components/Navbar.css
+++ b/src/components/Navbar.css
@@ -24,3 +24,9 @@
  align-items: center;
  gap: 3rem;
 }
+
+.nav-links a {
+  text-decoration: none;
+  color: var(--text-color);
+  font-size: 1.125rem;
+}
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,4 +1,3 @@
-import { Link } from 'react-router-dom'
 import logo from '../images/pse-logo.svg';
 import discord from '../images/discord_round.svg';
 import twitter from '../images/twitter_round.svg';
--- a/src/components/ProjectCard.css
+++ b/src/components/ProjectCard.css
@@ -5,6 +5,8 @@
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  background-color: var(--white);
+  padding: var(--padding);
+  border: var(--border);
 }

 .card-img-top {
--- a/src/components/ProjectCard.tsx
+++ b/src/components/ProjectCard.tsx
@@ -137,10 +137,10 @@ function ProjectCard(props: ProjectCardProps) {
  })();

  return (
-    <div className="card border border-2 border-dark p-3">
+    <div className="card border border-dark p-4">
      {img}
      <div className="card-body">
-        <h5 className="card-title">{props.name}</h5>
+        <h3>{props.name}</h3>
        {renderDescription(props.description)}
      </div>
      <div className="card-footer">{links}</div>
--- a/src/components/TeamMemberCard.css
+++ b/src/components/TeamMemberCard.css
@@ -7,7 +7,7 @@
 .members-card-title {
  font-weight: 600;
  font-size: 1.8rem;
-  line-height: 2rem;
+  line-height: 1.2;
  padding-bottom: 1.5rem;
 }
 .card-text {
--- a/src/index.css
+++ b/src/index.css
@@ -24,7 +24,9 @@
  --text-color: #151616;
  --border-color: var(--text-color);
  --border-radius: 4px;
+  --border: 1px solid var(--border-color);
  --link-bold: #854ad1;
+  --padding: 10px;
 }

 body {