Add cncf profile

README.md

@@ -52,6 +52,10 @@ To contribute new features and changes to the website, you would want to run the
 ```bash
 # install the dependencies
 $ npm install
+# "install" your profile (default)
+./scripts/init.sh default
+# "install" your profile (cncf)
+./scripts/init.sh cncf
 # start the development server
 $ npm run dev
 ```

app/config.mts

@@ -4,10 +4,8 @@ const config = {
  avatar: "/static/images/luca_cavallin.png",
  job: "Software Engineer",
  company: "GitHub, Inc.",
- email: "[email protected]",
  github: "https://github.com/lucavallin",
  linkedin: "https://www.linkedin.com/in/lucavallin",
- reddit: "https://reddit.com/u/lucavallin",
  website: "https://www.lucavall.in"
  },
  meta: {

components/AboutSection.tsx

@@ -1,5 +1,4 @@
 import { faHeart } from "@fortawesome/free-regular-svg-icons";
-import { faPaintRoller } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import Link from "next/link";
 import config from "../app/config.mts";
@@ -37,22 +36,6 @@ export const AboutSection = () => {
  & contributors initiative
  </span>
  </Link>
- <Link
- className="flex flex-row items-center text-base"
- title="Chiara Dametto on LinkedIn"
- aria-label=" UI/UX Design by Chiara Dametto"
- rel="noopener noreferrer"
- target="_blank"
- href="https://www.linkedin.com/in/chiara-dametto"
- >
- <FontAwesomeIcon icon={faPaintRoller} />
- <span className="ml-2">
- UI/UX Design by{" "}
- <span className="inline font-bold text-primary transition-all hover:underline">
- Chiara Dametto
- </span>{" "}
- </span>
- </Link>
  </div>
  </div>
  );

components/Repository/RepositoryItemTopBar.tsx

@@ -28,7 +28,7 @@ export const RepositoryItemTopBar = ({
  repositoryUrl={repositoryUrl}
  />
  <div className="flex flex-1 items-center justify-end">
- <div className={`h-2 w-2 rounded-full ${repositoryHasNewIssues ? "bg-primary" : ""}`}></div>
+ <div className={`size-2 rounded-full ${repositoryHasNewIssues ? "bg-primary" : ""}`}></div>
  </div>
  <RepositoryIssueNumberIndicator numberOfIssues={repositoryNumIssues} />
  </div>

components/Repository/RepositoryLinkTitle.tsx

@@ -17,7 +17,7 @@ export const RepositoryLinkTitle = ({
  return (
  <Link
  className={`text-xl font-bold transition-all group-hover:text-primary ${
- isIssueOpen ? "text-primary max-md:w-[50%] md:truncate" : ""
+ isIssueOpen ? "text-primary max-md:w-1/2 md:truncate" : ""
  }`}
  href={repositoryUrl}
  rel="noopener noreferrer"

components/ScrollToTop.tsx

@@ -10,7 +10,7 @@ const ScrollToTop = ({ handleOnClick }: ScrollToTopProps) => {
  <div className="z-50">
  <button
  onClick={handleOnClick}
- className="fixed bottom-4 right-4 flex h-[64px] w-[64px] items-center justify-center rounded-full border border-primary bg-transparent hover:bg-primary hover:text-black md:bottom-7 md:right-4"
+ className="fixed bottom-4 right-4 flex size-[64px] items-center justify-center rounded-full border border-primary bg-transparent hover:bg-primary hover:text-black md:bottom-7 md:right-4"
  >
  <FontAwesomeIcon icon={faArrowUp} size="xl" />
  </button>

profiles/cncf/app/config.mts

@@ -0,0 +1,21 @@
+const config = {
+ author: {
+ name: "Luca Cavallin",
+ avatar: "/static/images/luca_cavallin.png",
+ job: "Software Engineer",
+ company: "GitHub, Inc.",
+ github: "https://github.com/lucavallin",
+ linkedin: "https://www.linkedin.com/in/lucavallin",
+ website: "https://www.lucavall.in",
+ },
+ meta: {
+ title:
+ "cncf.verto.sh - Your Gateway to Open Source Cloud Native Collaboration",
+ description: `verto.sh simplifies your entry into the Cloud Native open-source world by curating CNCF projects. Ideal for beginners making their first contribution, founders building teams, and maintainers seeking new contributors. Explore, contribute, and foster innovation with cncf.verto.sh.`,
+ siteUrl: "https://cncf.verto.sh",
+ socialBanner: "/meta.png",
+ locale: "en-US",
+ },
+};
+
+export default config;