footer and ui updates

ShravaniAK · Dec 7, 2020 · 5411e6f · 5411e6f
1 parent e77e0bc
commit 5411e6f
Show file tree

Hide file tree

Showing 24 changed files with 530 additions and 73 deletions.
diff --git a/blogs/awesome-iiitvcc.md b/blogs/awesome-iiitvcc.md
@@ -1,8 +1,8 @@
 ---
-title: "Yes we are awesome"
+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.
+IIITV Coding Club is a community of coders who organises events and shares sessions from Alumni, coders, hackers, mentors. Sessions are taken by experts, coding club mentors, coding club members by inviting external or within community people.
 
 ![](https://media.tenor.com/images/b2a4d283be33e94259c92ced015d9811/tenor.gif)
diff --git a/blogs/check-1.md b/blogs/check-1.md
@@ -3,3 +3,4 @@ title: "Check 1"
 date: "Dec 04, 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.
diff --git a/blogs/check-2.md b/blogs/check-2.md
@@ -3,3 +3,4 @@ title: "Check 2"
 date: "Dec 04, 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.
diff --git a/blogs/check-3.md b/blogs/check-3.md
@@ -3,3 +3,4 @@ title: "Check 3"
 date: "Dec 04, 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.
diff --git a/components/Cover.jsx b/components/Cover.jsx
@@ -9,7 +9,7 @@ function Cover() {
             <h1 className="display-heading">
               Technical blogging
               website for posting
-              Technical blogs
+              technical blogs
               </h1>
             <div className="manage-goodline">
               <p className="good-line">

diff --git a/components/Footer.jsx b/components/Footer.jsx
@@ -1,13 +1,46 @@
+import Link from 'next/link';
+
 export default function Footer() {
   return (
-    <footer>
-      Made with ❤️ by {'  '}
-      <a
-        href="https://twitter.com/iiitvcc"
-        target="_blank"
-        rel="noopener noreferrer"
-      >Coding Club
-      </a>
-    </footer>
+    <>
+      <footer className="footer" id="contact_us">
+        <div className="footer_u">
+          <div className="footer_u__logo">
+            <div className="footer_u__logo__div">
+              <img src='/media/cc_logo.png' className="footer_u__logo_svg" alt="IIIT Vadodara Logo" />
+            </div>
+            <div className="footer_u__logo_span">Coding Club</div>
+          </div>
+        </div>
+        <div className="footer_l">
+          <div className="footer_l__links">
+            <div className="footer_l__hr_container">
+              <div className="footer_l__hr" >
+                <div className="footer_l__hr_text_1"><hr color="#29abe2" /></div>
+                <h2>Links</h2>
+                <div className="footer_l__hr_text"><hr color="#29abe2" /></div>
+                <br /><br /><br /></div>
+            </div>
+            <div className="footer_l__links_content"><a href='http://iiitvadodara.ac.in/' target="_blank" className="footer_l__links_cn" >Institute Site</a></div>
+            <div className="footer_l__links_content"><Link className="footer_l__links_cn" href="/events">Events</Link></div>
+            <div className="footer_l__links_content"><Link className="footer_l__links_cn" href="/blogs">Blogs</Link></div>
+          </div>
+          <div className="footer_l__contact">
+            <div>
+              <div className="footer_l__hr" >
+                <div className="footer_l__hr_text_1"><hr color="#29abe2" /></div>
+                <h2>Contact</h2>
+                <div className="footer_l__hr_text"><hr color="#29abe2" /></div><br /><br /><br /></div>
+            </div>
+            <div className="footer_l__contact_content"><a href='mailto:[email protected]' target="_blank" className="footer_l__contact_cn" ><b>Email</b>: [email protected]  </a></div>
+            <div className="footer_l__contact_content"><a href='https://goo.gl/maps/7g5D6XJpMAD2' target="_blank" className="footer_l__contact_cn" ><b>Address</b>: c/o Block No.9, Government Engineering<div className="footer_l__contact_gmap">College, Sector-28, Gandhinagar, Gujarat - 382028</div></a></div>
+          </div>
+        </div>
+      </footer>
+      <div className="footer-bottom">
+        <span>Designed by Dot <img src="/media/logos/dot.svg" /></span>
+        <span>Developed by Coding Club <img src="/media/logos/cc.svg" /></span>
+      </div>
+    </>
   )
 }
diff --git a/components/Header.jsx b/components/Header.jsx
@@ -20,11 +20,14 @@ export default function Header({ pageTitle, description }) {
       </Head>
 
       <header>
-        <Link href="/"><img className="nav-img" src="/media/cc_logo.png" alt="logo" /></Link>
+        <Link href="/"><img className="nav-img" draggable="false" src="/media/cc_logo.png" alt="logo" /></Link>
         <nav>
           <ul className="nav__links">
             <li>
-              <Link href="/">Events</Link>
+              <Link href="/">Home</Link>
+            </li>
+            <li>
+              <Link href="/events">Events</Link>
             </li>
             <li>
               <Link href="/blog">Blogs</Link>
@@ -36,7 +39,7 @@ export default function Header({ pageTitle, description }) {
               <Link href="/members">Members</Link>
             </li>
             <li>
-              <Link href="/">Contact Us</Link>
+              <Link href="/#contact_us">Contact Us</Link>
             </li>
           </ul>
         </nav>
@@ -46,7 +49,8 @@ export default function Header({ pageTitle, description }) {
       <div style={{ width: wid }} className="overlay">
         <a className="close" onClick={closeNav}>&times;</a>
         <div className="overlay__content">
-          <Link href="/">Events</Link>
+          <Link href="/">Home</Link>
+          <Link href="/events">Events</Link>
           <Link href="/blog">Blogs</Link>
           <Link href="/projects">Projects</Link>
           <Link href="/members">Members</Link>

diff --git a/events/events.json b/events/events.json
@@ -0,0 +1 @@
+{}
diff --git a/pages/_app.js b/pages/_app.js
@@ -4,6 +4,8 @@ import '../styles/Home.css'
 import '../styles/Members.css'
 import '../styles/Blog.css'
 import '../styles/BlogPage.css'
+import '../styles/Footer.css'
+import '../styles/Events.css'
 
 function MyApp({ Component, pageProps }) {
   return <Component {...pageProps} />

diff --git a/pages/blog.js b/pages/blog.js
@@ -22,7 +22,7 @@ export async function getStaticProps() {
     return data
   })(require.context('../blogs', true, /\.md$/))
 
-  console.log(posts)
+  // console.log(posts)
 
   return {
     props: {
@@ -36,20 +36,24 @@ function Blog({ posts, ...props }) {
     <React.Fragment>
       <Header pageTitle="Blog" description="Blog Page" />
       <main className="main__blog">
-        <div className="main__text">Blogs</div>
-        {!posts && <div>No posts! 📝✏️</div>}
-        {posts &&
-          posts.map((post) => {
-            return (
-              <div key={post.slug}>
-                <Link href={{ pathname: `/blogs/${post.slug}` }}>
-                  <h2 className="blog-title"><a>{post.frontmatter.title}</a></h2>
-                </Link>
-                <small>{post.frontmatter.date}</small>
-                <p className="blog-desc">{post.markdownBody.substring(0, 100) + '...'}</p>
-              </div>
-            )
-          })}
+        <div className="blog_text">CODING</div>
+        <div className="main__blog__wrap">
+          <div className="main__text">Blogs</div>
+          {!posts && <div>No posts! 📝✏️</div>}
+          {posts &&
+            posts.map((post) => {
+              return (
+                <div key={post.slug}>
+                  <Link href={{ pathname: `/blogs/${post.slug}` }}>
+                    <h2 className="blog-title"><a>{post.frontmatter.title}</a></h2>
+                  </Link>
+                  <small>{post.frontmatter.date}</small>
+                  <p className="blog-desc">{post.markdownBody.substring(0, 120) + '...'}</p>
+                </div>
+              )
+            })}
+        </div>
+        <Footer />
       </main>
       {/*<Footer />*/}
     </React.Fragment>

diff --git a/pages/blogs/[blogtitle].js b/pages/blogs/[blogtitle].js
@@ -26,7 +26,7 @@ export async function getStaticProps({ ...ctx }) {
   const content = await import(`../../blogs/${blogtitle}.md`)
   // console.log(content)
   const data = matter(content.default)
-  console.log(data)
+  // console.log(data)
   return {
     props: {
       frontmatter: data.data,
@@ -41,18 +41,20 @@ export default function Blog({ setTitle, frontmatter, markdownBody }) {
     <>
       <Header pageTitle={frontmatter.title} description={frontmatter.title} />
       <main className="post">
-        <div className="main__text">Blogs</div>
-        <h1 className="post-title" >{frontmatter.title}</h1>
-        <p className="post-date">{frontmatter.date}</p>
-        <div>
-          <ReactMarkdown source={markdownBody} />
+        <div className="post_wrap">
+          <div className="main__text">Blogs</div>
+          <h1 className="post-title" >{frontmatter.title}</h1>
+          <p className="post-date">{frontmatter.date}</p>
+          <div>
+            <ReactMarkdown source={markdownBody} />
+          </div>
+
+          <hr />
+
+          <Link href="/blog">
+            <a>← Back to post list</a>
+          </Link>
         </div>
-
-        <hr />
-
-        <Link href="/blog">
-          <a>← Back to post list</a>
-        </Link>
       </main>
     </>
   )

diff --git a/pages/events.js b/pages/events.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import Header from '../components/Header';
+import Footer from '../components/Footer';
+
+const events = () => {
+  return (
+    <React.Fragment>
+      <main className="main__events">
+        <Header />
+          <p style={{height: "100vh", color: "white"}}>events</p>
+        <Footer />
+      </main>
+    </React.Fragment>
+  );
+}
+
+export default events;
diff --git a/pages/members.js b/pages/members.js
@@ -13,8 +13,8 @@ function Members() {
         <div className="text">CODING CLUB 2020</div>
 
         <div className="container" >
-        <p className="sub__text">LEADS</p>
-        <hr className="ver" />
+          <p className="sub__text">LEADS</p>
+          <hr className="ver" />
           <div className="c-1">
             {
               members.leads.map((ele, ind) => {

diff --git a/public/media/logos/cc.svg b/public/media/logos/cc.svg
diff --git a/public/media/logos/dot.png b/public/media/logos/dot.png
Original file line number	Diff line number	Diff line change
Expand Up		@@ -3,3 +3,4 @@ title: "Check 1"
		date: "Dec 04, 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.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -3,3 +3,4 @@ title: "Check 2"
		date: "Dec 04, 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.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -3,3 +3,4 @@ title: "Check 3"
		date: "Dec 04, 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.