client site: finished the header

0l1v3rr · 0l1v3rr · commit d59324a37fe7 · 2022-11-27T10:25:31.000+01:00
diff --git a/client/.gitignore b/client/.gitignore
@@ -8,9 +8,6 @@
 # testing
 /coverage
 
-# production
-/build
-
 # misc
 .DS_Store
 .env.local
diff --git a/client/build/asset-manifest.json b/client/build/asset-manifest.json
@@ -0,0 +1,13 @@
+{
+  "files": {
+    "main.css": "/static/css/main.56840c3f.css",
+    "main.js": "/static/js/main.1c3c4b3b.js",
+    "index.html": "/index.html",
+    "main.56840c3f.css.map": "/static/css/main.56840c3f.css.map",
+    "main.1c3c4b3b.js.map": "/static/js/main.1c3c4b3b.js.map"
+  },
+  "entrypoints": [
+    "static/css/main.56840c3f.css",
+    "static/js/main.1c3c4b3b.js"
+  ]
+}
diff --git a/client/build/favicon.ico b/client/build/favicon.ico
diff --git a/client/build/index.html b/client/build/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="description" content="Web site created using create-react-app"/><title>GitHub Readme Tech Stack</title><script defer="defer" src="/static/js/main.1c3c4b3b.js"></script><link href="/static/css/main.56840c3f.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/client/build/robots.txt b/client/build/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/client/build/static/css/main.56840c3f.css b/client/build/static/css/main.56840c3f.css
diff --git a/client/build/static/css/main.56840c3f.css.map b/client/build/static/css/main.56840c3f.css.map
diff --git a/client/build/static/js/main.1c3c4b3b.js b/client/build/static/js/main.1c3c4b3b.js
diff --git a/client/build/static/js/main.1c3c4b3b.js.LICENSE.txt b/client/build/static/js/main.1c3c4b3b.js.LICENSE.txt
@@ -0,0 +1,39 @@
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/client/build/static/js/main.1c3c4b3b.js.map b/client/build/static/js/main.1c3c4b3b.js.map
diff --git a/client/postcss.config.js b/client/postcss.config.js
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/client/src/components/buttons/ButtonLink.tsx b/client/src/components/buttons/ButtonLink.tsx
@@ -0,0 +1,33 @@
+import { FC } from "react";
+import { IconType } from "react-icons";
+
+interface ButtonLinkProps {
+  text: string;
+  link: string;
+  icon: IconType;
+  num: number | undefined;
+}
+
+const ButtonLink: FC<ButtonLinkProps> = (props) => {
+  return (
+    <a
+      href={props.link}
+      className="text-gh-text flex items-center gap-3 
+      bg-gh-button border border-solid border-gh-button-border
+        py-1 px-3 rounded-md hover:border-gh-button-border-active 
+        transition-all duration-150 hover:bg-gh-button-active text-sm"
+    >
+      <div className="text-gh-text-secondary text-lg">{<props.icon />}</div>
+
+      <div className="font-semibold">{props.text}</div>
+
+      {props.num !== undefined && (
+        <div className="bg-gh-button-active rounded-full px-2 py-1 leading-none text-[.8rem]">
+          {props.num}
+        </div>
+      )}
+    </a>
+  );
+};
+
+export default ButtonLink;
diff --git a/client/src/components/repo/Title.tsx b/client/src/components/repo/Title.tsx
@@ -8,7 +8,7 @@ interface TitleProps {
 
 const Title: FC<TitleProps> = (props) => {
   return (
-    <div className="flex items-center gap-2 text-xl">
+    <div className="flex items-center gap-2 text-2xl">
       <div className="fill-gh-text-secondary">
         <svg
           aria-hidden="true"
diff --git a/client/src/index.css b/client/src/index.css
@@ -1,3 +1,3 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
diff --git a/client/src/sections/Header.tsx b/client/src/sections/Header.tsx
@@ -1,9 +1,35 @@
+import ButtonLink from "../components/buttons/ButtonLink";
 import Title from "../components/repo/Title";
+import { AiOutlineStar, AiOutlineGithub } from "react-icons/ai";
+import { BiGitRepoForked } from "react-icons/bi";
 
 const Header = () => {
   return (
     <header className="flex flex-col justify-center items-center w-full mt-5">
       <Title repoName="github-readme-tech-stack" username="0l1v3rr" />
+
+      <div className="flex gap-4 items-center justify-center mt-4">
+        <ButtonLink
+          link="https://github.com/0l1v3rr/github-readme-tech-stack"
+          icon={AiOutlineGithub}
+          num={undefined}
+          text="Source Code"
+        />
+
+        <ButtonLink
+          link="https://github.com/0l1v3rr/github-readme-tech-stack/network/members"
+          icon={BiGitRepoForked}
+          num={6}
+          text="Fork"
+        />
+
+        <ButtonLink
+          link="https://github.com/0l1v3rr/github-readme-tech-stack/stargazers"
+          icon={AiOutlineStar}
+          num={37}
+          text="Star"
+        />
+      </div>
     </header>
   );
 };
diff --git a/client/tsconfig.json b/client/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -20,7 +16,5 @@
     "noEmit": true,
     "jsx": "react-jsx"
   },
-  "include": [
-    "src"
-  ]
+  "include": ["src"]
 }

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="description" content="Web site created using create-react-app"/><title>GitHub Readme Tech Stack</title><script defer="defer" src="/static/js/main.1c3c4b3b.js"></script><link href="/static/css/main.56840c3f.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# https://www.robotstxt.org/robotstxt.html`
	`2`	`+User-agent: *`
	`3`	`+Disallow:`