mirror of
https://github.com/tlsnotary/website.git
synced 2026-01-09 14:58:09 -05:00
Merge branch 'dev' of github.com:thebeyondr/pse_landingpage into dev
This commit is contained in:
thebeyondr
@@ -1,6 +1,7 @@
|
||||
import Navbar from './components/Navbar';
|
||||
import Hero from './components/Hero';
|
||||
import Projects from './components/Projects';
|
||||
import Discord from './components/Discord';
|
||||
import Team from './components/Team';
|
||||
import Footer from './components/Footer';
|
||||
import './HomePage.css';
|
||||
@@ -11,6 +12,7 @@ function HomePage() {
|
||||
<Navbar />
|
||||
<Hero />
|
||||
<Projects />
|
||||
<Discord />
|
||||
<Team />
|
||||
<Footer />
|
||||
</div>
|
||||
|
||||
15
src/components/Discord.css
Normal file
15
src/components/Discord.css
Normal file
@@ -0,0 +1,15 @@
|
||||
#call_to_action {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 3em 0 2em;
|
||||
padding: 3.5em;
|
||||
border: 2px solid black;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background-color: var(--purple);
|
||||
}
|
||||
|
||||
#call_to_action h2 {
|
||||
font-weight: 900;
|
||||
}
|
||||
19
src/components/Discord.tsx
Normal file
19
src/components/Discord.tsx
Normal file
@@ -0,0 +1,19 @@
|
||||
|
||||
import discord from '../images/discord_round.svg';
|
||||
import './Discord.css'
|
||||
|
||||
// Discord call to action
|
||||
function Discord() {
|
||||
return (
|
||||
<div id="call_to_action">
|
||||
<h2>
|
||||
Join our conversation on Discord!
|
||||
</h2>
|
||||
<a href="https://discord.gg/g5YTV7HHbh" target="_blank" rel="noopener noreferrer">
|
||||
<img src={discord} alt="" />
|
||||
</a>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Discord;
|
||||
@@ -1,8 +1,71 @@
|
||||
.footer {
|
||||
#footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
border-top: 3px solid var(--gray);
|
||||
margin: 3em 0;
|
||||
border-top: 2px solid var(--gray);
|
||||
margin: 3em 5em;
|
||||
padding: 1.5em 1em;
|
||||
}
|
||||
|
||||
#copyright {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: start;
|
||||
gap: 1em;
|
||||
}
|
||||
|
||||
#copyright img {
|
||||
max-width: 50px;
|
||||
}
|
||||
|
||||
#footer-text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
align-items: start;
|
||||
padding: 0.5em 0;
|
||||
}
|
||||
|
||||
#footer-text > * {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#footer-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#footer-links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 2em;
|
||||
}
|
||||
|
||||
#footer-links > * {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 0.75em;
|
||||
font-weight: 500;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#footer-links img {
|
||||
max-width: 40px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
#footer {
|
||||
margin: 1em 3em;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
#copyright img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#footer-links {
|
||||
flex-direction: column;
|
||||
}
|
||||
#footer-links img {
|
||||
max-width: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import "./Footer.css";
|
||||
import discord from "../images/discord.svg";
|
||||
import twitter from "../images/twitter.svg";
|
||||
import logo from '../images/pse-logo.svg';
|
||||
import discord from "../images/discord_round.svg";
|
||||
import twitter from "../images/twitter_round.svg";
|
||||
|
||||
function copyright() {
|
||||
let websiteCreationYear = 2022;
|
||||
@@ -14,18 +15,26 @@ function copyright() {
|
||||
|
||||
export default function Footer() {
|
||||
return (
|
||||
<div className="footer">
|
||||
<p id="copyright">The Privacy and Scaling Exploration Team © {copyright()}</p>
|
||||
<p >
|
||||
<a href="https://twitter.com/PrivacyScaling" className="ms-3">
|
||||
<img src={twitter} alt="" className="icon" />
|
||||
<span>Twitter</span>
|
||||
</a>
|
||||
<div id="footer">
|
||||
<div id="copyright">
|
||||
<img src={logo} alt="Pse Logo" />
|
||||
<div id="footer-text">
|
||||
<p id="footer-title">Privacy and Scaling Exploration Team © {copyright()}</p>
|
||||
<p>A multidisciplinary team supported by the Ethereum Foundation.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer-links">
|
||||
<a href="https://discord.gg/g5YTV7HHbh" className="ms-3">
|
||||
<img src={discord} alt="" className="icon" />
|
||||
<span>Discord</span>
|
||||
<span>Chat with us</span>
|
||||
<img src={discord} alt="Discord Icon" />
|
||||
|
||||
</a>
|
||||
</p>
|
||||
<a href="https://twitter.com/PrivacyScaling" className="ms-3">
|
||||
<span>Follow Updates</span>
|
||||
<img src={twitter} alt="Twitter Icon" />
|
||||
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -2,12 +2,12 @@
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
border-radius: 0.2rem;
|
||||
border-radius: var(--border-radius);
|
||||
box-shadow: var(--box-shadow);
|
||||
}
|
||||
|
||||
.card-img-top {
|
||||
border-radius: 0.2rem;
|
||||
border-radius: var(--border-radius);
|
||||
object-fit: cover;
|
||||
max-height: 150px;
|
||||
}
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.Cards {
|
||||
#Projects .Cards {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
|
||||
gap: 2.5rem;
|
||||
|
||||
@@ -1,9 +1,16 @@
|
||||
#Team {
|
||||
padding-inline: 5rem;
|
||||
padding-inline: 5em;
|
||||
}
|
||||
|
||||
#Team .Cards {
|
||||
margin-top: 2.75em;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
#Team {
|
||||
padding-inline: 1rem;
|
||||
padding-inline: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,24 +1,32 @@
|
||||
.members-card{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
padding:0;
|
||||
.members-card {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
}
|
||||
.members-card-body{
|
||||
|
||||
.members-card-title {
|
||||
font-weight: 600;
|
||||
font-size: 1.8rem;
|
||||
line-height: 1.2rem;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
.members-card-title{
|
||||
font-weight: 600;
|
||||
font-size: 1.8rem;
|
||||
line-height: 1.02rem;
|
||||
padding-bottom:1rem;
|
||||
.card-text {
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.2rem;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
.card-text{
|
||||
font-size:1.2rem;
|
||||
line-height: 1.2rem;
|
||||
padding:1rem 0;
|
||||
.members-card-footer {
|
||||
border-top: 2px solid var(--gray);
|
||||
}
|
||||
|
||||
.members-card-footer a {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-block: 0.5em;
|
||||
font-weight: 600;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.members-card-footer > *:not(:first-child) {
|
||||
border-top: 2px solid var(--gray);
|
||||
}
|
||||
.members-card-footer{
|
||||
border-top: 2px solid var(--gray);
|
||||
padding:1rem 0;
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
import globe from "../images/globe.svg";
|
||||
import github from "../images/github.svg";
|
||||
import discord from "../images/discord.svg";
|
||||
import twitter from "../images/twitter.svg";
|
||||
import discord from "../images/discord_round.svg";
|
||||
import twitter from "../images/twitter_round.svg";
|
||||
import telegram from "../images/telegram.svg";
|
||||
import "./TeamMemberCard.css";
|
||||
import ColorHash from "color-hash";
|
||||
@@ -24,7 +24,7 @@ interface Links {
|
||||
telegram?: string;
|
||||
}
|
||||
|
||||
function renderLink(url: string, source: string, icon: string, button: boolean = false, text: boolean = false): any {
|
||||
function renderLink(url: string, source: string, icon: string, button: boolean = false, text: boolean = true): any {
|
||||
let RgExp = new RegExp('^(?:[a-z]+:)?//', 'i');
|
||||
if (!RgExp.test(url)) {
|
||||
url = '//' + url;
|
||||
@@ -33,8 +33,8 @@ function renderLink(url: string, source: string, icon: string, button: boolean =
|
||||
return (
|
||||
<div className="link" key={url}>
|
||||
<a href={url} target="_blank" rel="noopener noreferrer">
|
||||
<img className="icon" src={icon} alt={source} />
|
||||
{text ? <div className="link-title">{source}</div> : null}
|
||||
<img className="icon" src={icon} alt={source} />
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -30,7 +30,6 @@
|
||||
},
|
||||
{
|
||||
"name": "zkEVM",
|
||||
|
||||
"description": "A zk-rollup that can generate zk proofs for general EVM verification. This allows us to build a fully EVM-compatible zk-Rollup, which any existing Ethereum application can easily migrate to.",
|
||||
"links": [
|
||||
{
|
||||
@@ -105,10 +104,11 @@
|
||||
{
|
||||
"name": "Clr.fund for Everyone",
|
||||
"short_name": "Clr.fund",
|
||||
"image": "clr.svg",
|
||||
"description": "Infrastructure to make it easy for any community to run their own CLR round with clr.fund.",
|
||||
"links": [
|
||||
{
|
||||
"website": "https://clrfund-xdai.on.fleek.co/#/"
|
||||
"website": "https://clr.fund/#/"
|
||||
},
|
||||
{
|
||||
"github": "https://clrfund.gitbook.io/deployer/"
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 0.296997C5.37 0.296997 0 5.67 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.67 18.627 0.296997 12 0.296997" fill="#373A3E"/>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 0.296997C5.37 0.296997 0 5.67 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.67 18.627 0.296997 12 0.296997" fill="#151616"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.1 KiB |
@@ -1,6 +1,6 @@
|
||||
:root {
|
||||
--light-purple: rgb(195, 181, 250);
|
||||
--purple: hsl(252, 45%, 65%);
|
||||
--purple: #cfc4fb;
|
||||
--green: #a6e275;
|
||||
--aqua: #53d3e0;
|
||||
--light-aqua: #cbf2f6;
|
||||
@@ -22,6 +22,7 @@
|
||||
--background: #f3f0fe;
|
||||
--text-color: #151616;
|
||||
--border-color: var(--text-color);
|
||||
--border-radius: 4px;
|
||||
--link-bold: #854ad1;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user