v.0

void-verse · Mar 17, 2024 · b996130 · b996130
1 parent 83589ce
commit b996130
Show file tree

Hide file tree

Showing 13 changed files with 158 additions and 15 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -0,0 +1,21 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
+  plugins: ['react-refresh'],
+  rules: {
+    'react/jsx-no-target-blank': 'off',
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# lock files
+package-lock.json
+yarn.lock
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/README.md b/README.md
@@ -1 +1 @@
-# void-verse.github.io
+# void-verse.github.io
diff --git a/index.html b/index.html
@@ -1,21 +1,13 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Void</title>
+    <title>Vite + React</title>
   </head>
-  <body style="margin: 0">
-    <div
-      style="
-        min-height: 100vh;
-        min-width: 100vw;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      "
-    >
-      <h1>Void</h1>
-    </div>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "void-verse.github.io",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.64",
+    "@types/react-dom": "^18.2.21",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.18",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.34.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "postcss": "^8.4.35",
+    "tailwindcss": "^3.4.1",
+    "vite": "^5.1.6"
+  }
+}
diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/App.jsx b/src/App.jsx
@@ -0,0 +1,33 @@
+const App = () => {
+  return (
+    <div className="bg-[#101010] text-white h-[100vh] w-full flex items-center justify-center text-center">
+      <svg
+        width="430"
+        height="202"
+        viewBox="0 0 430 202"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M42.2 197L5.6 97.4H37.4L51.8 142.6C53.4 147.533 54.8667 152.6 56.2 157.8C57.5333 162.867 58.9333 168.067 60.4 173.4H61.2C62.6667 168.067 64.0667 162.867 65.4 157.8C66.7333 152.6 68.1333 147.533 69.6 142.6L84 97.4H114.4L78.8 197H42.2ZM159.922 199.4C151.122 199.4 142.789 197.333 134.922 193.2C127.189 189.067 120.855 183.133 115.922 175.4C111.122 167.667 108.722 158.267 108.722 147.2C108.722 136.133 111.122 126.733 115.922 119C120.855 111.267 127.189 105.333 134.922 101.2C142.789 97.0667 151.122 95 159.922 95C168.722 95 176.989 97.0667 184.722 101.2C192.589 105.333 198.922 111.267 203.722 119C208.655 126.733 211.122 136.133 211.122 147.2C211.122 158.267 208.655 167.667 203.722 175.4C198.922 183.133 192.589 189.067 184.722 193.2C176.989 197.333 168.722 199.4 159.922 199.4ZM159.922 173.8C164.055 173.8 167.455 172.733 170.122 170.6C172.922 168.333 174.989 165.267 176.322 161.4C177.655 157.4 178.322 152.667 178.322 147.2C178.322 141.867 177.655 137.2 176.322 133.2C174.989 129.2 172.922 126.133 170.122 124C167.455 121.733 164.055 120.6 159.922 120.6C155.789 120.6 152.322 121.733 149.522 124C146.855 126.133 144.855 129.2 143.522 133.2C142.189 137.2 141.522 141.867 141.522 147.2C141.522 152.667 142.189 157.4 143.522 161.4C144.855 165.267 146.855 168.333 149.522 170.6C152.322 172.733 155.789 173.8 159.922 173.8ZM254.044 197V122.4H215.044V97.4H286.044V197H254.044ZM268.844 82.8C262.844 82.8 257.844 81.0667 253.844 77.6C249.977 74.1333 248.044 69.5333 248.044 63.8C248.044 58.0667 249.977 53.4667 253.844 50C257.844 46.4 262.844 44.6 268.844 44.6C274.844 44.6 279.777 46.4 283.644 50C287.644 53.4667 289.644 58.0667 289.644 63.8C289.644 69.5333 287.644 74.1333 283.644 77.6C279.777 81.0667 274.844 82.8 268.844 82.8ZM350.566 199.4C337.899 199.4 327.699 194.733 319.966 185.4C312.366 176.067 308.566 163.333 308.566 147.2C308.566 136.267 310.632 126.933 314.766 119.2C318.899 111.467 324.166 105.533 330.566 101.4C336.966 97.1333 343.699 95 350.766 95C356.232 95 360.832 95.9333 364.566 97.8C368.432 99.5333 371.899 102.067 374.966 105.4H375.766L374.166 90.4V57.4H406.166V197H380.166L377.966 187.4H377.166C373.566 190.733 369.366 193.6 364.566 196C359.899 198.267 355.232 199.4 350.566 199.4ZM358.766 173.4C361.832 173.4 364.632 172.8 367.166 171.6C369.699 170.4 372.032 168.267 374.166 165.2V126.8C371.899 124.533 369.499 123 366.966 122.2C364.566 121.4 362.032 121 359.366 121C356.166 121 353.166 121.867 350.366 123.6C347.566 125.333 345.366 128.133 343.766 132C342.166 135.867 341.366 140.8 341.366 146.8C341.366 156.133 342.899 162.933 345.966 167.2C349.032 171.333 353.299 173.4 358.766 173.4Z"
+          fill="url(#paint0_linear_101_8)"
+        />
+        <defs>
+          <linearGradient
+            id="paint0_linear_101_8"
+            x1="215"
+            y1="0"
+            x2="215"
+            y2="202"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="#00D756" />
+            <stop offset="1" stopColor="#43EDE3" stopOpacity="0.890196" />
+          </linearGradient>
+        </defs>
+      </svg>
+    </div>
+  );
+};
+
+export default App;
diff --git a/src/assets/react.svg b/src/assets/react.svg
diff --git a/src/index.css b/src/index.css
@@ -0,0 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  margin: 0;
+}
diff --git a/src/main.jsx b/src/main.jsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App.jsx'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/vite.config.js b/vite.config.js
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+})