@maci-protocol/website 0.0.0-ci.26f28d6

package/src/components/ProjectList/styles.module.css

@@ -0,0 +1,180 @@
+.projectList {
+  width: 100%;
+}
+
+.projectList.light {
+  color: var(--ifm-color-gray-800);
+}
+
+.projectList.dark {
+  color: var(--ifm-color-gray-300);
+}
+
+.filters {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  margin-bottom: 2rem;
+}
+
+.filterGroup h3 {
+  font-size: 20px;
+  margin-bottom: 1rem;
+}
+
+.filterOptions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+}
+
+.filterOptions button {
+  padding: 0.5rem 1rem;
+  border: 1px solid var(--ifm-color-gray-600);
+  border-radius: 9999px;
+  background-color: transparent;
+  color: inherit;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.filterOptions button:hover {
+  background-color: var(--ifm-color-gray-200);
+  color: var(--ifm-color-gray-900);
+}
+
+.light .filterOptions button.active {
+  background-color: var(--ifm-color-primary);
+  border-color: var(--ifm-color-primary);
+  color: white;
+}
+
+.dark .filterOptions button.active {
+  background-color: var(--ifm-color-primary-dark);
+  border-color: var(--ifm-color-primary-dark);
+  color: white;
+}
+
+.projectsGrid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1.5rem;
+  margin-bottom: 2rem;
+}
+
+.noResults {
+  grid-column: 1 / -1;
+  text-align: center;
+  padding: 2rem;
+}
+
+.pagination {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 2rem;
+  font-size: 1rem;
+}
+
+.paginationNumber {
+  margin: 0 0.5rem;
+  cursor: pointer;
+  color: inherit;
+  transition: color 0.3s ease;
+}
+
+.paginationNumber:hover {
+  color: var(--ifm-color-primary);
+}
+
+.paginationNumber.active {
+  color: var(--ifm-color-primary);
+  font-weight: bold;
+}
+
+.paginationArrow {
+  cursor: pointer;
+  margin: 0 1rem;
+  font-size: 1.4rem;
+  font-weight: bolder;
+  color: var(--ifm-color-primary);
+  transition: opacity 0.3s ease;
+}
+
+.paginationArrow:hover {
+  opacity: 0.7;
+}
+
+.paginationArrow.disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+.actionCardContainer {
+  display: flex;
+  justify-content: center;
+  margin-top: 128px;
+  margin-bottom: 128px;
+  width: 100%;
+}
+
+.actionCard {
+  background-color: #f8f9fa;
+  border-radius: 8px;
+  padding: 2rem;
+  text-align: center;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.actionCard h2 {
+  font-size: 24px;
+  margin-bottom: 1rem;
+  color: #333;
+}
+
+.actionCard p {
+  font-size: 16px;
+  margin-bottom: 1.5rem;
+  color: #666;
+}
+
+.actionButton {
+  display: inline-block;
+  background-color: #007bff;
+  color: white;
+  padding: 0.75rem 1.5rem;
+  border-radius: 9999px;
+  text-decoration: none;
+  font-weight: bold;
+  transition: background-color 0.3s ease;
+}
+
+.actionButton:hover {
+  background-color: #0056b3;
+}
+
+@media (max-width: 768px) {
+  .actionCard {
+    padding: 1.5rem;
+  }
+
+  .actionCard h2 {
+    font-size: 20px;
+  }
+
+  .actionCard p {
+    font-size: 14px;
+  }
+}
+
+@media (max-width: 1024px) {
+  .projectsGrid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 768px) {
+  .projectsGrid {
+    grid-template-columns: 1fr;
+  }
+}

package/src/content/projects.json

@@ -0,0 +1,294 @@
+[
+  {
+    "name": "clr.fund",
+    "description": "a protocol for efficiently allocating funds to public goods that benefit the Ethereum Network.",
+    "hackathon": null,
+    "status": "Production",
+    "links": {
+      "website": "https://clr.fund/",
+      "github": "https://github.com/clrfund/monorepo/",
+      "discord": "https://discord.com/invite/ZnsYPV6dCv"
+    }
+  },
+  {
+    "name": "MACI_QF in Allo",
+    "description": "a MACI Quadratic Funding strategy to be used within Gitcoin's Allo Protocol.",
+    "hackathon": null,
+    "status": "Production",
+    "links": {
+      "github": "https://github.com/gitcoinco/MACI_QF"
+    }
+  },
+  {
+    "name": "DoraHacks Light-Weight MACI",
+    "description": "DoraHacks MACI is a light-weight implementation of MACI.",
+    "hackathon": null,
+    "status": "Production",
+    "links": {
+      "github": "https://github.com/dorahacksglobal/qf-maci",
+      "website": "https://dorahacks.io/blog/guides/maci-qv-guide/"
+    }
+  },
+  {
+    "name": "MACI Platform",
+    "description": "a platform that allows to run different types of vote and funding rounds using MACI.",
+    "hackathon": null,
+    "status": "Production",
+    "links": {
+      "github": "https://github.com/privacy-scaling-explorations/maci-platform",
+      "website": "https://maci-platform.vercel.app/"
+    }
+  },
+  {
+    "name": "MACI Starter Kit",
+    "description": "a starter kit for quickly prototyping applications with MACI.",
+    "hackathon": null,
+    "status": "Utility",
+    "links": {
+      "github": "https://github.com/yashgo0018/maci-wrapper"
+    }
+  },
+  {
+    "name": "Voto",
+    "description": "Voto is an on-chain censorship-resistant anonymous voting solution built on decentralised identities.",
+    "hackathon": "ETHBerlin 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://projects.ethberlin.org/submissions/334",
+      "github": "https://github.com/Vote-tech/voto-tech"
+    }
+  },
+  {
+    "name": "0xFeedback",
+    "description": "A privacy preserving B2C Survey Platform.",
+    "hackathon": "ETHDam 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://taikai.network/cryptocanal/hackathons/ethdam2024/projects/cluyuw0j200y3yz01yjjd4rap/idea"
+    }
+  },
+  {
+    "name": "StealthAlloc",
+    "description": "MACI as an Allo protocol Quadratic Funding Strategy for collusion-resistant, privacy-protecting allocations.",
+    "hackathon": "ETHDam 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://taikai.network/cryptocanal/hackathons/ethdam2024/projects/cluxse8cz00pjz3010wbq3thf/idea",
+      "github": "https://github.com/tse-lao/ethdam24"
+    }
+  },
+  {
+    "name": "NEVO",
+    "description": "MACI's anti-collusion voting system with Near Protocol's Cross-Chain Signatures.",
+    "hackathon": "ETHDam 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://taikai.network/cryptocanal/hackathons/ethdam2024/projects/cluz9746q01c2z301tupriiuq/idea",
+      "github": "https://github.com/atahanyild/NEVO"
+    }
+  },
+  {
+    "name": "EtherTale",
+    "description": "a decentralized, interactive fiction platform powered by AI.",
+    "hackathon": "ETHTaipei 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://taikai.network/ethtaipei/hackathons/hackathon-2024/projects/clu501yr50l1ey501e65jj8nr",
+      "github": "https://github.com/saurabhchalke/EtherTale"
+    }
+  },
+  {
+    "name": "Demokratia",
+    "description": "Offers infrastructure to create and seamlessly integrate personalised AI agents for DAO voting.",
+    "hackathon": "ETHGlobal London 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://ethglobal.com/showcase/demokratia-c7bab",
+      "github": "https://github.com/ConfidentiDemokratia"
+    }
+  },
+  {
+    "name": "SkaffoldMACI+ZkOSIOS",
+    "description": "User-friendly voting system UI (powered by Skaffold) for sports fans using MACI for enhanced security and privacy.",
+    "hackathon": "ETHGlobal London 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://ethglobal.com/showcase/skaffoldmaci-zkosios-2no6q",
+      "github": "https://github.com/GaetanoMondelli/ETH-GLOBAL-LONDON"
+    }
+  },
+  {
+    "name": "Vota Protocol",
+    "description": "a privacy-preserved fair and trustless election Voting System on Blockchain programmable for global constituencies.",
+    "hackathon": "ETHGlobal London 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://ethglobal.com/showcase/vota-protocol-qxf3z",
+      "github": "https://github.com/Vota-Protocol"
+    }
+  },
+  {
+    "name": "Votelik Pollerin",
+    "description": "Sybil- and bribery-resistant polling on Farcaster, utilizing World ID and MACI.",
+    "hackathon": "ETHGlobal London 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://ethglobal.com/showcase/votelik-pollerin-u0dcs",
+      "github": "https://github.com/pauldev20/farcaster-frames-polls"
+    }
+  },
+  {
+    "name": "Anon Vote",
+    "description": "an on-chain anonymous voting solution with guaranteed proof of personhood.",
+    "hackathon": "ETHGlobal London 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://ethglobal.com/showcase/anonvote-uc7w0",
+      "github": "https://github.com/gasperpre/veripoll"
+    }
+  },
+  {
+    "name": "MACI Subgraph",
+    "description": "a subgraph to index data from MACI protocol to serve as data layer for frontend integration",
+    "hackathon": "ETHGlobal Circuit Breaker 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://ethglobal.com/showcase/maci-subgraph-89h7c"
+    }
+  },
+  {
+    "name": "Quadratic Dollar Homepage",
+    "description": "The Quadratic Dollar Homepage is a spin on the Million Dollar Homepage.",
+    "hackathon": null,
+    "status": "Unmaintained",
+    "links": {
+      "github": "https://github.com/privacy-scaling-explorations/qdh",
+      "website": "https://quadratic.page/"
+    }
+  },
+  {
+    "name": "PriVote",
+    "description": "An open-source, decentralized voting platform that uses MACI for privacy and offers various authentication methods for secure, private polling.",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "github": "https://github.com/Privote-project"
+    }
+  },
+  {
+    "name": "PolyVote",
+    "description": "An end-to-end private voting service using MPC, ZK and AI to recommend and process votes.",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "github": "https://github.com/ElectionZap/eth-singapore"
+    }
+  },
+  {
+    "name": "ChillVille",
+    "description": "A private onchain voting system with sybil resistance by combining MACI and zkTLS.",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://eth-sg.vercel.app/",
+      "github": "https://github.com/wasabijiro/ChillVille"
+    }
+  },
+  {
+    "name": "MACPI",
+    "description": "A reliable DAO voting infrastructure for next billion users",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://maci-tap.vercel.app/",
+      "github": "https://github.com/0xhardman/tap-maci"
+    }
+  },
+  {
+    "name": "Silent Wars",
+    "description": "A telegram mini-app guild based game with resource collection and voting.",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://2024-eth-singapore-5k28.vercel.app/",
+      "github": "https://github.com/taijusanagi/2024-eth-singapore"
+    }
+  },
+  {
+    "name": "Judg3",
+    "description": "A next-generation voting system that leverages the power of consensus over your conscious mind.",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "github": "https://github.com/team-somehow/judg3"
+    }
+  },
+  {
+    "name": "EZKPoll",
+    "description": "A polling system utilizing MACI to empower ZK on polling and A/B testing.",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://ezkpoll.onrender.com/",
+      "github": "https://github.com/abcd5251/EzkPoll"
+    }
+  },
+  {
+    "name": "Geist",
+    "description": "A Decentralized Autonomous Website (DAW) builder that enables censorship-resistant, trustless deployments and governance for DAOs through private previews, zk-proof-based deployments, and anti-collusion voting.",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://gateway.geist.network/",
+      "github": "https://github.com/debuggingfuture/geist"
+    }
+  },
+  {
+    "name": "Sniper",
+    "description": "An AI companion designed to improve personal productivity and growth.",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "github": "https://github.com/MusubiLabs/sniper"
+    }
+  },
+  {
+    "name": "zkElect",
+    "description": "A blockchain-based platform using zk-SNARKs and MACI for secure, anonymous, and transparent voting, preventing tampering, coercion, and bribery.",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "github": "https://github.com/anvats/zkElect"
+    }
+  },
+  {
+    "name": "clr.wiki",
+    "description": "Collusion-resistant information dispute resolution tool using MACI.",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://www.cl3r.wiki/",
+      "github": "https://github.com/seigneur/clr-wiki"
+    }
+  },
+  {
+    "name": "DAOTown",
+    "description": "The project streamlines DAO activities, governance, and tokenomics with decentralized infrastructure.",
+    "hackathon": "ETHGlobal Singapore 2024",
+    "status": "Hackathon",
+    "links": {
+      "website": "https://eth-global-sg.vercel.app/",
+      "github": "https://github.com/MukulKolpe/ETHGlobalSG"
+    }
+  },
+  {
+    "name": "Pixel Game Assistant",
+    "description": "PGA is a tool that helps Pixel Game players to give community feedback on game features.",
+    "hackathon": null,
+    "status": "Production",
+    "links": {
+      "website": "https://voting.guildpal.work/",
+      "github": null
+    }
+  }
+]

package/src/css/card.module.css

@@ -0,0 +1,130 @@
+/* card.module.css */
+
+.blogContainer {
+  display: grid;
+  justify-content: center;
+  padding: 20px;
+  background-color: #f9f9f9;
+}
+
+.blogList {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 20px;
+  max-width: 1200px;
+  width: 100%;
+}
+
+.blogCard {
+  background-color: #ffffff;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  padding: 20px;
+  text-decoration: none;
+  color: #333;
+  transition:
+    transform 0.2s ease-in-out,
+    box-shadow 0.2s ease-in-out;
+}
+
+.blogCard:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  text-decoration: none; /* Ensure no underline on hover */
+}
+
+.blogTitle,
+.blogDescription,
+.blogDate,
+.blogAuthors,
+.blogExcerpt,
+.blogReadMoreButton {
+  text-decoration: none; /* Remove underline from text elements */
+}
+
+.blogTitle {
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 10px;
+  color: #0a2540;
+  max-height: 100px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.blogDescription {
+  font-size: 16px;
+  margin-bottom: 10px;
+  color: #666666;
+  max-height: 100px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.blogDate {
+  font-size: 14px;
+  color: #999999;
+  margin-bottom: 10px;
+}
+
+.blogAuthors {
+  font-size: 14px;
+  color: #555555;
+}
+
+.blogReadMoreButton {
+  display: inline-block;
+  margin-top: 10px;
+  padding: 8px 16px;
+  background-color: #0a2540;
+  color: #ffffff;
+  border-radius: 4px;
+  text-decoration: none;
+  transition: background-color 0.2s ease-in-out;
+}
+
+.blogReadMoreButton:hover {
+  background-color: #0c3c60;
+}
+
+.blogExcerpt {
+  font-size: 16px;
+  color: #555555;
+  margin-bottom: 10px;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
+  overflow: hidden;
+}
+
+[data-theme="dark"] .blogContainer {
+  background-color: black;
+}
+
+[data-theme="dark"] .blogCard {
+  background-color: #212121;
+  border: 1px solid #888888;
+}
+
+[data-theme="dark"] .blogTitle,
+.blogReadMoreButton {
+  color: #ffffff;
+}
+
+[data-theme="dark"] .blogDescription {
+  color: #cdcdcd;
+}
+
+[data-theme="dark"] .blogDate,
+.blogAuthors,
+.blogExcerpt {
+  color: #888888;
+}
+
+[data-theme="dark"] .blogReadMoreButton {
+  background-color: #1b2b50;
+}

package/src/css/custom.css

@@ -0,0 +1,91 @@
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
+
+/* imported fonts */
+/* TODO: discuss if we want to use these or not */
+@font-face {
+  font-family: ShareTechMono;
+  src: url("../../static/fonts/Share_Tech_Mono.woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: DMSans;
+  src: url("../../static/fonts/DM_Sans.woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* You can override the default Infima variables here. */
+:root {
+  --ifm-color-primary: #0b0b0b;
+  --ifm-background-color: #ffffff;
+  --ifm-navbar-background-color: #ffffff;
+  --ifm-footer-background-color: #020203;
+  --ifm-footer-color: #ffffff;
+  --ifm-footer-link-color: #ffffff;
+  --ifm-footer-link-hover-color: #579bea;
+  --ifm-link-color: #579bea;
+  --ifm-color-hero: #fcfcfc;
+  --ifm-font-family-base: DMSans;
+  --ifm-font-color-base: #5e5e5e;
+  --ifm-code-font-size: 95%;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+}
+
+/* For readability concerns, you should choose a lighter palette in dark mode. */
+[data-theme="dark"]:root {
+  --ifm-color-primary: #fcfcfc;
+  --ifm-background-color: #0b0b0b;
+  --ifm-navbar-background-color: #0b0b0b;
+  --ifm-font-color-base: #cdcdcd;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --ifm-color-white: #0b0b0b;
+}
+
+h1 {
+  font-family: ShareTechMono;
+  font-size: 4rem;
+  color: var(--ifm-color-primary);
+}
+
+h2 {
+  font-family: ShareTechMono;
+  font-size: 3rem;
+  margin: 0;
+  color: var(--ifm-color-primary);
+}
+
+h3 {
+  font-family: ShareTechMono;
+  color: var(--ifm-color-primary);
+}
+
+h4 {
+  font-family: ShareTechMono;
+  color: var(--ifm-color-primary);
+  font-size: 1.25rem;
+}
+
+nav {
+  font-family: ShareTechMono;
+}
+
+@media screen and (max-width: 996px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+
+  h2 {
+    font-size: 1.5rem;
+  }
+}
+
+footer .footer__title {
+  font-size: 1.1rem;
+  text-decoration: underline;
+}