.

dyooreen · Nov 17, 2022 · 3319fa7 · 3319fa7
commit 3319fa7
Show file tree

Hide file tree

Showing 26 changed files with 688 additions and 0 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1 @@
+*.gif filter=lfs diff=lfs merge=lfs -text
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,177 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+.next
+
+############################
+# OS X
+############################
+
+.DS_Store
+.AppleDouble
+.LSOverride
+Icon
+.Spotlight-V100
+.Trashes
+._*
+
+
+############################
+# Linux
+############################
+
+*~
+
+
+############################
+# Windows
+############################
+
+Thumbs.db
+ehthumbs.db
+Desktop.ini
+$RECYCLE.BIN/
+*.cab
+*.msi
+*.msm
+*.msp
+
+
+############################
+# Packages
+############################
+
+*.7z
+*.csv
+*.dat
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+*.com
+*.class
+*.dll
+*.exe
+*.o
+*.seed
+*.so
+*.swo
+*.swp
+*.swn
+*.swm
+*.out
+*.pid
+
+
+############################
+# Logs and databases
+############################
+
+.tmp
+*.log
+*.sql
+*.sqlite
+
+
+############################
+# Misc.
+############################
+
+*#
+.idea
+nbproject
+.vscode/
+
+
+############################
+# Node.js
+############################
+
+lib-cov
+lcov.info
+pids
+logs
+results
+build
+node_modules
+.node_history
+package-lock.json
+**/package-lock.json
+!docs/package-lock.json
+*.heapsnapshot
+
+
+############################
+# Tests
+############################
+
+testApp
+coverage
+cypress/screenshots
+cypress/videos
+
+
+############################
+# Documentation
+############################
+
+dist
+
+############################
+# Builds
+############################
+
+packages/generators/app/files/public/
+schema.graphql
+
+############################
+# Example app
+############################
+
+.dev
+# *.cache
+
+############################
+# Visual Studio Code
+############################
+
+front-workspace.code-workspace
+.yarn
+.yarnrc
diff --git a/components/Header/header.module.css b/components/Header/header.module.css
diff --git a/components/Header/index.jsx b/components/Header/index.jsx
@@ -0,0 +1,37 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+
+const Header = () => {
+  const router = useRouter();
+  const menu = [
+    { path: "/", name: "Home" },
+    { path: "/works", name: "Works" },
+  ];
+  return (
+    <div className="p-6 fixed top-0 left-0 right-0 z-50  bg-[#002b36]">
+      <header className="rounded-lg flex justify-between items-center p-5 h-24 shadow-card bg-apricot">
+        <div>
+          <h1 className="text-2xl tracking-widest font-fredoka-one text-white uppercase">
+            Lofigrammer
+          </h1>
+        </div>
+        <div>
+          <ul className="flex">
+            {menu.map(({ path, name }, key) => (
+              <li
+                key={key}
+                className={"font-fredoka-one text-white mx-2.5 text-lg "}
+              >
+                <Link href={path}>{name}</Link>
+                {path === router.asPath && (
+                  <div className="rounded-3xl w-2 h-2 bg-[#002b36] m-auto border-b-4 border-[#002b36]"></div>
+                )}
+              </li>
+            ))}
+          </ul>
+        </div>
+      </header>
+    </div>
+  );
+};
+export default Header;
diff --git a/components/icons/Github/index.jsx b/components/icons/Github/index.jsx
@@ -0,0 +1,30 @@
+const Github = () => {
+  return (
+    <button
+      type="button"
+      data-mdb-ripple="true"
+      data-mdb-ripple-color="light"
+      className="inline-block   p-4 bg-apricot text-white font-medium text-xs leading-tight uppercase rounded-2xl focus:shadow-lg focus:outline-none focus:ring-0 hover:px-12"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 496 512"
+        className="w-4 h-4"
+      >
+        <path
+          fill="currentColor"
+          d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
+        />
+      </svg>
+      <style jsx>
+        {`
+          button:hover {
+            background-color: #333;
+          }
+        `}
+      </style>
+    </button>
+  );
+};
+
+export default Github;
diff --git a/components/icons/Instagram/index.jsx b/components/icons/Instagram/index.jsx
@@ -0,0 +1,29 @@
+const Instagram = () => {
+  return (
+    <button
+      type="button"
+      data-mdb-ripple="true"
+      data-mdb-ripple-color="light"
+      className="inline-block p-4 text-white font-medium text-xs leading-tight uppercase rounded-2xl bg-apricot hover:px-12"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 448 512"
+        className="w-4 h-4"
+      >
+        <path
+          fill="currentColor"
+          d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
+        />
+      </svg>
+      <style jsx>
+        {`
+          button:hover {
+            background-color: #c13584;
+          }
+        `}
+      </style>
+    </button>
+  );
+};
+export default Instagram;
diff --git a/components/icons/Linkedin/index.jsx b/components/icons/Linkedin/index.jsx
@@ -0,0 +1,29 @@
+const Linkedin = () => {
+  return (
+    <button
+      type="button"
+      data-mdb-ripple="true"
+      data-mdb-ripple-color="light"
+      className="inline-block p-4 text-white bg-apricot font-medium text-xs  uppercase rounded-2xl  hover:px-12"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 448 512"
+        className="w-4 h-4"
+      >
+        <path
+          fill="currentColor"
+          d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"
+        />
+      </svg>
+      <style jsx>
+        {`
+          button:hover {
+            background-color: #0077b5;
+          }
+        `}
+      </style>
+    </button>
+  );
+};
+export default Linkedin;
diff --git a/components/icons/Telegram/index.jsx b/components/icons/Telegram/index.jsx
@@ -0,0 +1,29 @@
+const Telegram = () => {
+  return (
+    <button
+      type="button"
+      data-mdb-ripple="true"
+      data-mdb-ripple-color="light"
+      className="rounded-2xl inline-block p-4 text-white font-medium text-xs leading-tight uppercase bg-apricot hover:px-12"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 496 512"
+        className="w-4 h-4"
+      >
+        <path
+          fill="currentColor"
+          d="M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"
+        />
+      </svg>
+      <style jsx>
+        {`
+          button:hover {
+            background-color: #0088cc;
+          }
+        `}
+      </style>
+    </button>
+  );
+};
+export default Telegram;
diff --git a/components/icons/Twitter/index.jsx b/components/icons/Twitter/index.jsx
@@ -0,0 +1,29 @@
+const Twitter = () => {
+  return (
+    <button
+      type="button"
+      data-mdb-ripple="true"
+      data-mdb-ripple-color="light"
+      className="inline-block p-4 text-white bg-apricot font-medium text-xs leading-tight uppercase rounded-2xl focus:ring-0 active:shadow-lg hover:px-12"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 512 512"
+        className="w-4 h-4"
+      >
+        <path
+          fill="currentColor"
+          d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+        />
+      </svg>
+      <style jsx>
+        {`
+          button:hover {
+            background-color: #1da1f2;
+          }
+        `}
+      </style>
+    </button>
+  );
+};
+export default Twitter;
diff --git a/markdowns/game_of_life.md b/markdowns/game_of_life.md
@@ -0,0 +1,6 @@
+---
+title: Game Of Life
+link: http://golbyaram.herokuapp.com
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Senectus et netus et malesuada. Tincidunt nunc pulvinar sapien et ligula. Suscipit tellus mauris a diam maecenas sed enim ut. Tellus in metus vulputate eu scelerisque felis imperdiet proin. Egestas fringilla phasellus faucibus scelerisque eleifend. Ultrices neque ornare aenean euismod. Non quam lacus suspendisse faucibus interdum posuere lorem ipsum dolor. Vitae turpis massa sed elementum. Placerat duis ultricies lacus sed turpis. Eget nunc lobortis mattis aliquam faucibus. Cras pulvinar mattis nunc sed blandit libero volutpat sed. Mi quis hendrerit dolor magna eget est lorem. Eget dolor morbi non arcu. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Odio facilisis mauris sit amet massa vitae tortor condimentum. Luctus venenatis lectus magna fringilla.
diff --git a/markdowns/perlinnoise_and_flowfields.md b/markdowns/perlinnoise_and_flowfields.md
@@ -0,0 +1,6 @@
+---
+title: Perlin Noise And Flowfields
+link: https://lofigrammer.github.io/perlinnoise_and_flowfields/
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Senectus et netus et malesuada. Tincidunt nunc pulvinar sapien et ligula. Suscipit tellus mauris a diam maecenas sed enim ut. Tellus in metus vulputate eu scelerisque felis imperdiet proin. Egestas fringilla phasellus faucibus scelerisque eleifend. Ultrices neque ornare aenean euismod. Non quam lacus suspendisse faucibus interdum posuere lorem ipsum dolor. Vitae turpis massa sed elementum. Placerat duis ultricies lacus sed turpis. Eget nunc lobortis mattis aliquam faucibus. Cras pulvinar mattis nunc sed blandit libero volutpat sed. Mi quis hendrerit dolor magna eget est lorem. Eget dolor morbi non arcu. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Odio facilisis mauris sit amet massa vitae tortor condimentum. Luctus venenatis lectus magna fringilla.