🚀: shifting to next 10

ShravaniAK · Dec 4, 2020 · 548ee8b · 548ee8b
1 parent 8cfdfca
commit 548ee8b
Show file tree

Hide file tree

Showing 41 changed files with 3,791 additions and 24,084 deletions.
diff --git a/.gitignore b/.gitignore
@@ -8,16 +8,27 @@
 # testing
 /coverage
 
+# next.js
+/.next/
+/out/
+
 # production
 /build
 
 # misc
 .DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
 .env.local
 .env.development.local
 .env.test.local
 .env.production.local
 
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+# vercel
+.vercel
diff --git a/README.md b/README.md
@@ -4,20 +4,15 @@
 Design -
 https://www.figma.com/file/5aLa8I7PiRdc25UrB1cL3e/CC-BLOG-Website
 
-## For test
+## For dev
 
 ```
 yarn install
-yarn start
+yarn run dev
 ```
 
-<br />
-<br />
-<br />
-<br />
-
 ```
-Try to follow project structure.
-Use BEM for css class naming or use component name as prefix
-Do not repeat class names
+next, react
+gray-matter
+react-markdown
 ```
diff --git a/blogs/awesome-iiitvcc.md b/blogs/awesome-iiitvcc.md
@@ -0,0 +1,8 @@
+---
+title: "Yes we are awesome"
+date: "Dec 3, 2020"
+---
+
+Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
+
+![](https://media.tenor.com/images/b2a4d283be33e94259c92ced015d9811/tenor.gif)
diff --git a/blogs/check-1.md b/blogs/check-1.md
@@ -0,0 +1,5 @@
+---
+title: "Check 1"
+date: "Dec 04, 2020"
+---
+
diff --git a/blogs/check-2.md b/blogs/check-2.md
@@ -0,0 +1,5 @@
+---
+title: "Check 2"
+date: "Dec 04, 2020"
+---
+
diff --git a/blogs/check-3.md b/blogs/check-3.md
@@ -0,0 +1,5 @@
+---
+title: "Check 3"
+date: "Dec 04, 2020"
+---
+
diff --git a/components/Cover.jsx b/components/Cover.jsx
@@ -0,0 +1,36 @@
+import React from "react";
+
+function Cover() {
+  return (
+    <React.Fragment>
+      <section id="cover-display">
+        <div id="flex-container">
+          <div className="display-head">
+            <h1 className="display-heading">
+              Technical blogging
+              website for posting
+              Technical blogs
+              </h1>
+            <div className="manage-goodline">
+              <p className="good-line">
+                A random good line for the good work
+                of coding club and this website
+              </p>
+            </div>
+            <div className="inf-btn">
+              <button className="trans-btn">Know us</button>
+              <button className="trans-btn">Contact Us</button>
+            </div>
+          </div>
+          <img
+            className="coder-image"
+            src="./media/coder.png"
+            alt="coder"
+          ></img>
+        </div>
+      </section>
+    </React.Fragment>
+  );
+}
+
+export default Cover;
diff --git a/components/Footer.jsx b/components/Footer.jsx
@@ -0,0 +1,13 @@
+export default function Footer() {
+  return (
+    <footer>
+      Made with ❤️ by {'  '}
+      <a
+        href="https://twitter.com/iiitvcc"
+        target="_blank"
+        rel="noopener noreferrer"
+      >Coding Club
+      </a>
+    </footer>
+  )
+}
diff --git a/components/Header.jsx b/components/Header.jsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import Head from 'next/head'
+import Link from 'next/link'
+import easterEgg from './easterEgg'
+
+export default function Header({ pageTitle, description }) {
+  console.log(easterEgg, "font-family:monospace");
+
+  const [wid, setWid] = React.useState('')
+  const openNav = () => setWid('100%')
+  const closeNav = () => setWid('0%')
+
+  return (
+    <React.Fragment>
+      <Head>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta charSet="utf-8" />
+        <meta name="Description" content={description}></meta>
+        <title>IIITV Coding Club</title>
+      </Head>
+
+      <header>
+        <Link href="/"><img className="nav-img" src="/media/cc_logo.png" alt="logo" /></Link>
+        <nav>
+          <ul className="nav__links">
+            <li>
+              <Link href="/">Events</Link>
+            </li>
+            <li>
+              <Link href="/blog">Blogs</Link>
+            </li>
+            <li>
+              <Link href="/projects">Projects</Link>
+            </li>
+            <li>
+              <Link href="/members">Members</Link>
+            </li>
+            <li>
+              <Link href="/">Contact Us</Link>
+            </li>
+          </ul>
+        </nav>
+        <p onClick={openNav} className="menu cta">Menu</p>
+      </header>
+
+      <div style={{ width: wid }} className="overlay">
+        <a className="close" onClick={closeNav}>&times;</a>
+        <div className="overlay__content">
+          <Link href="/">Events</Link>
+          <Link href="/blog">Blogs</Link>
+          <Link href="/projects">Projects</Link>
+          <Link href="/members">Members</Link>
+        </div>
+      </div>
+    </React.Fragment>
+  )
+}
diff --git a/components/easterEgg.js b/components/easterEgg.js
@@ -0,0 +1,15 @@
+const easterEgg = String.raw`%c
+
+██▓ ██▓ ██▓▄▄▄█████▓ ██▒   █▓ ▄████▄   ▄████▄  
+▓██▒▓██▒▓██▒▓  ██▒ ▓▒▓██░   █▒▒██▀ ▀█  ▒██▀ ▀█  
+▒██▒▒██▒▒██▒▒ ▓██░ ▒░ ▓██  █▒░▒▓█    ▄ ▒▓█    ▄ 
+░██░░██░░██░░ ▓██▓ ░   ▒██ █░░▒▓▓▄ ▄██▒▒▓▓▄ ▄██▒
+░██░░██░░██░  ▒██▒ ░    ▒▀█░  ▒ ▓███▀ ░▒ ▓███▀ ░
+░▓  ░▓  ░▓    ▒ ░░      ░ ▐░  ░ ░▒ ▒  ░░ ░▒ ▒  ░
+ ▒ ░ ▒ ░ ▒ ░    ░       ░ ░░    ░  ▒     ░  ▒   
+ ▒ ░ ▒ ░ ▒ ░  ░           ░░  ░        ░        
+ ░   ░   ░                 ░  ░ ░      ░ ░      
+                          ░   ░        ░        
+`;
+
+export default easterEgg;
diff --git a/members.json b/members.json
@@ -0,0 +1,57 @@
+{
+  "leads": [
+    {
+      "name": "Neeraj Purohit",
+      "desc": "A very good line about this person he is very good in real as well as in virtual world because he lives in both worlds, and once again, I want to say he is very good",
+      "links": ""
+    },
+    {
+      "name": "Pushkar",
+      "desc": ""
+    },
+    {
+      "name": "Tanmay",
+      "desc": ""
+    }
+  ],
+  "members": [
+    {
+      "name": "Pushkar",
+      "desc": ""
+    },
+    {
+      "name": "Pushkar",
+      "desc": ""
+    },
+    {
+      "name": "Pushkar",
+      "desc": ""
+    },
+    {
+      "name": "Pushkar",
+      "desc": ""
+    },
+    {
+      "name": "Pushkar",
+      "desc": ""
+    },
+    {
+      "name": "Pushkar",
+      "desc": ""
+    }
+  ],
+  "foobars": [
+    {
+      "name": "Tanmay",
+      "desc": ""
+    },
+    {
+      "name": "Tanmay",
+      "desc": ""
+    },
+    {
+      "name": "Tanmay",
+      "desc": ""
+    }
+  ]
+}
diff --git a/next.config.js b/next.config.js
@@ -0,0 +1,10 @@
+module.exports = {
+  target: 'serverless',
+  webpack: function (config) {
+    config.module.rules.push({
+      test: /\.md$/,
+      use: 'raw-loader',
+    })
+    return config
+  },
+}