Merge pull request #25 from Poc275/dev-container

Dev container support

.devcontainer/devcontainer.json

@@ -0,0 +1,34 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/docker-existing-dockerfile
+{
+	"name": "Existing Dockerfile",
+	"build": {
+		// Sets the run context to one level up instead of the .devcontainer folder.
+		"context": "..",
+		// Update the 'dockerFile' property if you aren't using the standard 'Dockerfile' filename.
+		"dockerfile": "../Dockerfile"
+	},
+
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	// "features": {},
+
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	"forwardPorts": [8000],
+
+	// Uncomment the next line to run commands after the container is created.
+	"postCreateCommand": "npm install",
+
+	"postStartCommand": "npm start"
+
+	// lets you override the statup command inside your Dockerfile instead
+	// "overrideCommand": false
+
+	// Configure tool-specific properties.
+	// "customizations": {},
+
+	// Uncomment to connect as an existing user other than the container default. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "devcontainer"
+
+	// "workspaceMount": "source=${localWorkspaceFolder},target=/home/app,type=bind",
+	// "workspaceFolder": "/home/app"
+}

.github/dependabot.yml

@@ -0,0 +1,12 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for more information:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+# https://containers.dev/guide/dependabot
+
+version: 2
+updates:
+ - package-ecosystem: "devcontainers"
+   directory: "/"
+   schedule:
+     interval: weekly

Dockerfile

@@ -0,0 +1,18 @@
+FROM node:14.18.3-bullseye
+
+# RUN mkdir -p /home/app
+
+# WORKDIR /home/app
+
+# RUN chmod 777 /home/app
+# RUN npm install -g gatsby-cli
+
+# COPY package*.json ./
+
+# RUN npm install
+
+# COPY . .
+
+EXPOSE 8000
+
+# ENTRYPOINT ["npm", "start"]

src/components/badges.js

@@ -15,10 +15,10 @@ export default () => (
                 <a href="https://www.credly.com/badges/8c738ab3-2984-4849-86e9-b060ce6dce74/public_url">
                     <img src={Az900Badge} alt="azure fundamentals microsoft certified badge" className={styles.badgeImage} />
                 </a>
-                <a href="https://www.credly.com/badges/6d0559ff-e8cf-48a4-9a5e-eccc5fbd7f62/public_url">
+                <a href="https://learn.microsoft.com/api/credentials/share/en-us/PeterOConnor-3626/9C8BB3E6719E218E?sharingId=3EF481FD1B323A0B">
                     <img src={Dp900Badge} alt="azure data fundamentals microsoft certified badge" className={styles.badgeImage} />
                 </a>
-                <a href="https://www.credly.com/badges/993e087f-3a53-48ae-8fb3-c71c1788a0eb/public_url">
+                <a href="https://learn.microsoft.com/api/credentials/share/en-us/PeterOConnor-3626/235CEA0E69208F28?sharingId=3EF481FD1B323A0B">
                     <img src={Az204Badge} alt="azure developer associate microsoft certified badge" className={styles.badgeImage} />
                 </a>
             </Col>

src/components/menu.js

@@ -1,29 +1,27 @@
 import React from "react"
 import Navbar from 'react-bootstrap/Navbar'
 import Nav from 'react-bootstrap/Nav'
+import Container from 'react-bootstrap/Container';
 import styles from './menu.module.scss'
 
 export default () => (
-    <Navbar expand="md">
-        <Navbar.Toggle aria-controls="navbar-content" />
-        <Navbar.Collapse id="navbar-content" className="justify-content-center">
-            <Nav>
-                <Nav.Link href="/#about-me" className={styles.menuLink}>
-                    <span role="img" aria-label="who is this">👀 </span>who is this?
-                </Nav.Link>
-                <Nav.Link href="/#my-work" className={styles.menuLink}>
-                    <span role="img" aria-label="my work">👨‍💻 </span>my work
-                </Nav.Link>
-                <Navbar.Text className={styles.menuName}>
-                    <Nav.Link href="/">Peter O'Connor</Nav.Link>
-                </Navbar.Text>
-                <Nav.Link href="https://swiftcv.com/@poc275" className={styles.menuLink}>
-                    <span role="img" aria-label="my CV">📝 </span>my CV
-                </Nav.Link>
-                <Nav.Link href="/#contact" className={styles.menuLink}>
-                    <span role="img" aria-label="who is this">📣 </span>contact
-                </Nav.Link>
-            </Nav>
-        </Navbar.Collapse>
+    <Navbar expand="lg">
+        <Container>
+            <Navbar.Brand href="/" className={styles.menuName}>Peter O'Connor</Navbar.Brand>
+            <Navbar.Toggle aria-controls="navbar-content" />
+            <Navbar.Collapse id="navbar-content" className="justify-content-center">
+                <Nav>
+                    <Nav.Link href="/#about-me" className={styles.menuLink}>
+                        <span role="img" aria-label="who is this">👀 </span>who is this?
+                    </Nav.Link>
+                    <Nav.Link href="/#my-work" className={styles.menuLink}>
+                        <span role="img" aria-label="my work">👨‍💻 </span>my work
+                    </Nav.Link>
+                    <Nav.Link href="/#contact" className={styles.menuLink}>
+                        <span role="img" aria-label="who is this">📣 </span>contact
+                    </Nav.Link>
+                </Nav>
+            </Navbar.Collapse>
+        </Container>
     </Navbar>
 )

src/components/menu.module.scss

@@ -12,8 +12,7 @@
 
 .menu-name {
     text-transform: uppercase;
-    font-size: 1.5rem;
-    padding-top: 0;
+    padding-top: 0.8rem;
     padding-bottom: 0;
 }