diff --git a/.astro/data-store.json b/.astro/data-store.json index a929187..e1b430d 100644 --- a/.astro/data-store.json +++ b/.astro/data-store.json @@ -1 +1 @@ -[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.3.0","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[]},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":\"shiki\",\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"responsiveImages\":false,\"serializeConfig\":false},\"legacy\":{\"collections\":false}}"] \ No newline at end of file +[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.12.8","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"rawEnvValues\":false},\"legacy\":{\"collections\":false}}"] \ No newline at end of file diff --git a/.astro/settings.json b/.astro/settings.json index 4970e0b..f9864fb 100644 --- a/.astro/settings.json +++ b/.astro/settings.json @@ -1,5 +1,5 @@ { "_variables": { - "lastUpdateCheck": 1740190382923 + "lastUpdateCheck": 1754466975165 } } \ No newline at end of file diff --git a/src/cra-project/App.css b/src/cra-project/App.css index a51e4d2..dc742d6 100644 --- a/src/cra-project/App.css +++ b/src/cra-project/App.css @@ -1,3 +1,8 @@ +* { + padding: 0%; + margin: 0%; +} + .App { /* height: 500px; */ background-color: #0a0a0a; @@ -5,9 +10,12 @@ display: flex; justify-content: center; flex-direction: column; + font-family: monospace, sans-serif; } .App-header { + width: 80%; + margin: 20px auto; padding: 20px; color: white; } @@ -17,24 +25,28 @@ color: unset; } -.App-header > h1 { +.App-header a:hover { + text-decoration: underline; + color: unset; +} + +.App-header>h1 { /* padding-top: 6%; */ font-size: 5.1rem; letter-spacing: -0.05em; font-weight: 700; } -.App-header > h1 span{ +.App-header>h1 span { background: linear-gradient(to right, #60a5fa, #1d4ed8); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; + background-clip: text; + -webkit-text-fill-color: transparent; } @media (max-width: 700px) { - .App-header > h1 { + .App-header>h1 { font-size: 3.1rem; letter-spacing: -0.05em; font-weight: 700; } - -} +} \ No newline at end of file diff --git a/src/cra-project/App.jsx b/src/cra-project/App.jsx index cca7c3a..466a3ae 100644 --- a/src/cra-project/App.jsx +++ b/src/cra-project/App.jsx @@ -1,22 +1,28 @@ -import React from 'react'; -import './App.css'; -import LinkButton from './components/LinkButton/LinkButton'; -import Navbar from './components/Navbar/Navbar'; -import CardsContainer from './components/ProjectList/CardsContainer'; +import React from "react"; +import "./App.css"; +import LinkButton from "./components/LinkButton/LinkButton"; +import CardsContainer from "./components/ProjectList/CardsContainer"; // import ScrollUpButton from './components/ScrollUpButton/ScrollUpButton'; -import SocialShare from './components/SocialShare/SocialShare'; +import SocialShare from "./components/SocialShare/SocialShare"; const App = () => { return (
-
-

Make your first
open source contribution
in 5 minutes

-
- - - +
+

+ Make your first
{" "} + + {" "} + open source contribution{" "} + {" "} +
in 5 minutes +

+
+ + +
); -} +}; export default App; diff --git a/src/cra-project/components/LinkButton/LinkButton.css b/src/cra-project/components/LinkButton/LinkButton.css index 6d9e3a0..1409d7e 100644 --- a/src/cra-project/components/LinkButton/LinkButton.css +++ b/src/cra-project/components/LinkButton/LinkButton.css @@ -2,30 +2,26 @@ padding: 16px 20px; text-decoration: none; margin: 20px auto; - overflow: hidden; - border-width: 0; border-radius: 8px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); - - background-color: #2563eb; + border: 2px solid white; color: #fff; - - -webkit-transition: background-color 0.3s; - -moz-transition: background-color 0.3s; - transition: background-color 0.3s; margin-bottom: 0 !important; + font-size: large; } .LinkButton:hover { - background-color: #3b82f6; + background-color: white; + color: black; } -.LinkButton > span { +.LinkButton>span { font-size: 1.1em; letter-spacing: 0.05em; } + .LinkButton-Wrapper { display: flex; align-items: center; @@ -33,23 +29,28 @@ flex-direction: column; margin-bottom: 2rem; } + .Scroll-Down { cursor: pointer; position: relative; animation: swing alternate 0.5s infinite; } + .Scroll-Down:active { opacity: 0.75; } + .Scroll-Down-Wrapper { padding: 1vw; padding-bottom: 1.75vw; } + @keyframes swing { from { top: -0.5rem; } + to { top: 1rem; } -} +} \ No newline at end of file diff --git a/src/cra-project/components/LinkButton/LinkButton.jsx b/src/cra-project/components/LinkButton/LinkButton.jsx index ff26be1..d5b996a 100644 --- a/src/cra-project/components/LinkButton/LinkButton.jsx +++ b/src/cra-project/components/LinkButton/LinkButton.jsx @@ -1,7 +1,5 @@ import React, { Component } from "react"; import "./LinkButton.css"; -import scrollDown from "./scroll-down.svg"; - class LinkButton extends Component { render() { return ( diff --git a/src/cra-project/components/ProjectList/CardsContainer.jsx b/src/cra-project/components/ProjectList/CardsContainer.jsx index fc4da2f..1c61acd 100644 --- a/src/cra-project/components/ProjectList/CardsContainer.jsx +++ b/src/cra-project/components/ProjectList/CardsContainer.jsx @@ -15,7 +15,7 @@ export default class CardsContainer extends React.Component { this.state = { value: [], filterList: this.sortArrayRandom(projectList), - hydrated: false + hydrated: false, }; this.setTags = new Set(); @@ -102,54 +102,56 @@ export default class CardsContainer extends React.Component { // Triggers re-render after mount to remove hydration errors caused by sortArrayRandom componentDidMount() { - this.setState({ hydrated: true}) + this.setState({ hydrated: true }); } render() { - return this.state.hydrated && ( -
-
-
- -
-
- +
+
+