Added devcontainer

.devcontainer/devcontainer.json

@@ -0,0 +1,22 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node
+{
+	"name": "Node.js & TypeScript",
+	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+	"image": "mcr.microsoft.com/devcontainers/typescript-node:1-22-bookworm"
+
+	// 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": [],
+
+	// Use 'postCreateCommand' to run commands after the container is created.
+	// "postCreateCommand": "yarn install",
+
+	// Configure tool-specific properties.
+	// "customizations": {},
+
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}

.gitignore

@@ -0,0 +1 @@
+node_modules

README.md

@@ -0,0 +1,7 @@
+# Montell.se
+
+This is an old website i wrote in 2017. At the time we had a customer that needed some help with an existing knockout.js application and I needed to familiarize myself with the framework.
+
+It's just a static content site with Knockout, JQuery, and Sammy to handle user interaction and navigation.
+
+At the time I did not know of the the concept of packaging your site with a bundler so dependencies are either linked in or part of the repository.

index.html

@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>NMLK dot com</title>
+    <title>montell.se</title>
     <link rel="stylesheet" href="./pageFiles/font-awesome/css/font-awesome.min.css">
     <link rel="stylesheet" type="text/css" href="./pageFiles/style.css">
 
@@ -50,7 +50,11 @@
             </div>
             <h1 class="letter-spacing">> HI THERE!</h1>
             <p class="letter-spacing">
-                <span class="row-backdrop">I'm a software developer who does a lot of stuff.<span class="cursor row-backdrop">_</span>
+                <span class="row-backdrop">We're a software development consultancy that focus on modern web development
+                    and data integrations.<span class="cursor row-backdrop">_</span>
+            </p>
+            <p class="letter-spacing">
+                <span class="row-backdrop">If you need <span class="cursor row-backdrop">_</span>
             </p>
         </div>
         <div id="contact">
@@ -64,26 +68,27 @@
                 </small>
             </div>
             <h1 class="letter-spacing">> CONTACT</h1>
-            <img src="./pageFiles/images/zackeVectorPlainCropped.svg" alt="face" height="170em" id="face" class="floatLeft">
+            <img src="./pageFiles/images/zackeVectorPlainCropped.svg" alt="face" height="170em" id="face"
+                class="floatLeft">
             <p class="letter-spacing">
                 <span class="row-backdrop">Zackarias Montell</span>
                 <br>
-                <span class="row-backdrop">zackarias@montell.se</span>
+                <span class="row-backdrop">Software Developer @ Zackarias Montell IT</span>
+                <br>
+                <span class="row-backdrop">[FirstName] at [LastName] dot se </span>
                 <br>
-                <span class="row-backdrop">@Wholteza pretty much anywhere.</span>
                 <br>
                 <span class="row-backdrop">
-                    <a href="www.nmlk.se" class="specialLink">www.nmlk.se</a></span><span class="cursor row-backdrop">_</span>
+
+                    <a href="https://montell.se" class="specialLink">montell.se</a></span><span
+                    class="cursor row-backdrop">_</span>
             </p>
             <p class="letter-spacing-big">
                 <a class="no-decoration" href="http://www.github.com/wholteza" target="blank">
                     <i class="fa fa-3x fa-github icon"></i>
                 </a>
-                <a class="no-decoration" href="http://www.twitter.com/wholteza" target="blank">
+                <a class="no-decoration" href="http://www.linkedin.com/in/zackarias-montell" target="blank">
-                    <i class="fa fa-3x fa-twitter icon"></i>
+                    <i class="fa fa-3x fa-linkedin icon"></i>
-                </a>
-                <a class="no-decoration" href="http://facebook.com/wholteza" target="blank">
-                    <i class="fa fa-3x fa-facebook icon"></i>
                 </a>
             </p>
         </div>
@@ -100,11 +105,12 @@
             <h1 class="letter-spacing">> AUXILIARY</h1>
             <p class="letter-spacing">
                 <span class="row-backdrop letter-spacing-big">
-                    <a href="http://omfgdogs.com" target="blank" class="specialLink">OMFGDOGS</a>..</span><span class="cursor row-backdrop">_</span>
+                    <a href="http://omfgdogs.com" target="blank" class="specialLink">OMFGDOGS</a>..</span><span
+                    class="cursor row-backdrop">_</span>
             </p>
         </div>
     </div>
-    
+
 
     <script src="./pageFiles/js/jquery.min.js" type="text/javascript"></script>
     <script src="./pageFiles/js/knockout-latest.js" type="text/javascript"></script>

package.json

@@ -0,0 +1,15 @@
+{
+  "name": "montell-website",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "serve ."
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "serve": "^14.2.4"
+  }
+}