Added logo, favicon and updated readme

pes-alcoding-club · Jul 17, 2020 · f785f67 · f785f67
1 parent a6df1fb
commit f785f67
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -6,6 +6,16 @@ This is the editorials repository for contests hosted by The Alcoding Club of PE
 The live version, upto date with the current master branch can be found at [Alcoding Club Editorials Github Pages](https://pes-alcoding-club.github.io/editorials/)
 
 ## Setting up your development environment
+
+### Versions
+
+- node: v12.18.2
+- npm: 6.14.5
+
+or higher.
+
+### Steps
+
 1. Clone the repository after forking
 2. In the root directory, run ```npm install```
 3. ```npm run dev```

diff --git a/components/Layout.js b/components/Layout.js
@@ -6,6 +6,7 @@ const Layout = (props) => (
         <Head>
             <title>Alcoding Club | Editorials</title>
             <link rel="stylesheet" href="https://bootswatch.com/4/lux/bootstrap.min.css"></link>
+            <link rel="shortcut icon" href="/favicon.ico" />
         </Head>
         <Navbar/>
         <div className="container">

diff --git a/components/Navbar.js b/components/Navbar.js
@@ -1,5 +1,8 @@
 const Navbar = () => (
     <nav className="navbar navbar-expand-lg navbar-light bg-light">
+        <a className="nav-link" href={`${process.env.ASSET_PREFIX}/`}>
+            <img src="/logo.jpg" width="80" height="70" alt="the alcoding club logo" />
+        </a>
         <a className="navbar-brand" href="#">Editorials</a>
         <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">
             <span className="navbar-toggler-icon"></span>

diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/logo.jpg b/public/logo.jpg
diff --git a/styles/global.css b/styles/global.css
@@ -12,4 +12,8 @@ body {
 
 .editorial-link:hover {
     text-decoration: underline;
+}
+
+.navbar {
+    max-height: 80px;
 }