diff --git a/Portfolio.59712999.js b/Portfolio.59712999.js
new file mode 100644
index 0000000..ee991cd
--- /dev/null
+++ b/Portfolio.59712999.js
@@ -0,0 +1,581 @@
+// modules are defined as an array
+// [ module function, map of requires ]
+//
+// map of requires is short require name -> numeric require
+//
+// anything defined in a previous bundle is accessed via the
+// orig method which is the require for previous bundles
+
+(function (modules, entry, mainEntry, parcelRequireName, globalName) {
+  /* eslint-disable no-undef */
+  var globalObject =
+    typeof globalThis !== 'undefined'
+      ? globalThis
+      : typeof self !== 'undefined'
+      ? self
+      : typeof window !== 'undefined'
+      ? window
+      : typeof global !== 'undefined'
+      ? global
+      : {};
+  /* eslint-enable no-undef */
+
+  // Save the require from previous bundle to this closure if any
+  var previousRequire =
+    typeof globalObject[parcelRequireName] === 'function' &&
+    globalObject[parcelRequireName];
+
+  var cache = previousRequire.cache || {};
+  // Do not use `require` to prevent Webpack from trying to bundle this call
+  var nodeRequire =
+    typeof module !== 'undefined' &&
+    typeof module.require === 'function' &&
+    module.require.bind(module);
+
+  function newRequire(name, jumped) {
+    if (!cache[name]) {
+      if (!modules[name]) {
+        // if we cannot find the module within our internal map or
+        // cache jump to the current global require ie. the last bundle
+        // that was added to the page.
+        var currentRequire =
+          typeof globalObject[parcelRequireName] === 'function' &&
+          globalObject[parcelRequireName];
+        if (!jumped && currentRequire) {
+          return currentRequire(name, true);
+        }
+
+        // If there are other bundles on this page the require from the
+        // previous one is saved to 'previousRequire'. Repeat this as
+        // many times as there are bundles until the module is found or
+        // we exhaust the require chain.
+        if (previousRequire) {
+          return previousRequire(name, true);
+        }
+
+        // Try the node require function if it exists.
+        if (nodeRequire && typeof name === 'string') {
+          return nodeRequire(name);
+        }
+
+        var err = new Error("Cannot find module '" + name + "'");
+        err.code = 'MODULE_NOT_FOUND';
+        throw err;
+      }
+
+      localRequire.resolve = resolve;
+      localRequire.cache = {};
+
+      var module = (cache[name] = new newRequire.Module(name));
+
+      modules[name][0].call(
+        module.exports,
+        localRequire,
+        module,
+        module.exports,
+        this
+      );
+    }
+
+    return cache[name].exports;
+
+    function localRequire(x) {
+      var res = localRequire.resolve(x);
+      return res === false ? {} : newRequire(res);
+    }
+
+    function resolve(x) {
+      var id = modules[name][1][x];
+      return id != null ? id : x;
+    }
+  }
+
+  function Module(moduleName) {
+    this.id = moduleName;
+    this.bundle = newRequire;
+    this.exports = {};
+  }
+
+  newRequire.isParcelRequire = true;
+  newRequire.Module = Module;
+  newRequire.modules = modules;
+  newRequire.cache = cache;
+  newRequire.parent = previousRequire;
+  newRequire.register = function (id, exports) {
+    modules[id] = [
+      function (require, module) {
+        module.exports = exports;
+      },
+      {},
+    ];
+  };
+
+  Object.defineProperty(newRequire, 'root', {
+    get: function () {
+      return globalObject[parcelRequireName];
+    },
+  });
+
+  globalObject[parcelRequireName] = newRequire;
+
+  for (var i = 0; i < entry.length; i++) {
+    newRequire(entry[i]);
+  }
+
+  if (mainEntry) {
+    // Expose entry point to Node, AMD or browser globals
+    // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
+    var mainExports = newRequire(mainEntry);
+
+    // CommonJS
+    if (typeof exports === 'object' && typeof module !== 'undefined') {
+      module.exports = mainExports;
+
+      // RequireJS
+    } else if (typeof define === 'function' && define.amd) {
+      define(function () {
+        return mainExports;
+      });
+
+      // <script>
+    } else if (globalName) {
+      this[globalName] = mainExports;
+    }
+  }
+})({"fdPd3":[function(require,module,exports) {
+var global = arguments[3];
+var HMR_HOST = null;
+var HMR_PORT = null;
+var HMR_SECURE = false;
+var HMR_ENV_HASH = "d6ea1d42532a7575";
+module.bundle.HMR_BUNDLE_ID = "7055c94b59712999";
+"use strict";
+/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */ /*::
+import type {
+  HMRAsset,
+  HMRMessage,
+} from '@parcel/reporter-dev-server/src/HMRServer.js';
+interface ParcelRequire {
+  (string): mixed;
+  cache: {|[string]: ParcelModule|};
+  hotData: {|[string]: mixed|};
+  Module: any;
+  parent: ?ParcelRequire;
+  isParcelRequire: true;
+  modules: {|[string]: [Function, {|[string]: string|}]|};
+  HMR_BUNDLE_ID: string;
+  root: ParcelRequire;
+}
+interface ParcelModule {
+  hot: {|
+    data: mixed,
+    accept(cb: (Function) => void): void,
+    dispose(cb: (mixed) => void): void,
+    // accept(deps: Array<string> | string, cb: (Function) => void): void,
+    // decline(): void,
+    _acceptCallbacks: Array<(Function) => void>,
+    _disposeCallbacks: Array<(mixed) => void>,
+  |};
+}
+interface ExtensionContext {
+  runtime: {|
+    reload(): void,
+    getURL(url: string): string;
+    getManifest(): {manifest_version: number, ...};
+  |};
+}
+declare var module: {bundle: ParcelRequire, ...};
+declare var HMR_HOST: string;
+declare var HMR_PORT: string;
+declare var HMR_ENV_HASH: string;
+declare var HMR_SECURE: boolean;
+declare var chrome: ExtensionContext;
+declare var browser: ExtensionContext;
+declare var __parcel__import__: (string) => Promise<void>;
+declare var __parcel__importScripts__: (string) => Promise<void>;
+declare var globalThis: typeof self;
+declare var ServiceWorkerGlobalScope: Object;
+*/ var OVERLAY_ID = "__parcel__error__overlay__";
+var OldModule = module.bundle.Module;
+function Module(moduleName) {
+    OldModule.call(this, moduleName);
+    this.hot = {
+        data: module.bundle.hotData[moduleName],
+        _acceptCallbacks: [],
+        _disposeCallbacks: [],
+        accept: function(fn) {
+            this._acceptCallbacks.push(fn || function() {});
+        },
+        dispose: function(fn) {
+            this._disposeCallbacks.push(fn);
+        }
+    };
+    module.bundle.hotData[moduleName] = undefined;
+}
+module.bundle.Module = Module;
+module.bundle.hotData = {};
+var checkedAssets /*: {|[string]: boolean|} */ , assetsToDispose /*: Array<[ParcelRequire, string]> */ , assetsToAccept /*: Array<[ParcelRequire, string]> */ ;
+function getHostname() {
+    return HMR_HOST || (location.protocol.indexOf("http") === 0 ? location.hostname : "localhost");
+}
+function getPort() {
+    return HMR_PORT || location.port;
+}
+// eslint-disable-next-line no-redeclare
+var parent = module.bundle.parent;
+if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== "undefined") {
+    var hostname = getHostname();
+    var port = getPort();
+    var protocol = HMR_SECURE || location.protocol == "https:" && !/localhost|127.0.0.1|0.0.0.0/.test(hostname) ? "wss" : "ws";
+    var ws;
+    try {
+        ws = new WebSocket(protocol + "://" + hostname + (port ? ":" + port : "") + "/");
+    } catch (err) {
+        if (err.message) console.error(err.message);
+        ws = {};
+    }
+    // Web extension context
+    var extCtx = typeof browser === "undefined" ? typeof chrome === "undefined" ? null : chrome : browser;
+    // Safari doesn't support sourceURL in error stacks.
+    // eval may also be disabled via CSP, so do a quick check.
+    var supportsSourceURL = false;
+    try {
+        (0, eval)('throw new Error("test"); //# sourceURL=test.js');
+    } catch (err) {
+        supportsSourceURL = err.stack.includes("test.js");
+    }
+    // $FlowFixMe
+    ws.onmessage = async function(event /*: {data: string, ...} */ ) {
+        checkedAssets = {} /*: {|[string]: boolean|} */ ;
+        assetsToAccept = [];
+        assetsToDispose = [];
+        var data /*: HMRMessage */  = JSON.parse(event.data);
+        if (data.type === "update") {
+            // Remove error overlay if there is one
+            if (typeof document !== "undefined") removeErrorOverlay();
+            let assets = data.assets.filter((asset)=>asset.envHash === HMR_ENV_HASH);
+            // Handle HMR Update
+            let handled = assets.every((asset)=>{
+                return asset.type === "css" || asset.type === "js" && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);
+            });
+            if (handled) {
+                console.clear();
+                // Dispatch custom event so other runtimes (e.g React Refresh) are aware.
+                if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") window.dispatchEvent(new CustomEvent("parcelhmraccept"));
+                await hmrApplyUpdates(assets);
+                // Dispose all old assets.
+                let processedAssets = {} /*: {|[string]: boolean|} */ ;
+                for(let i = 0; i < assetsToDispose.length; i++){
+                    let id = assetsToDispose[i][1];
+                    if (!processedAssets[id]) {
+                        hmrDispose(assetsToDispose[i][0], id);
+                        processedAssets[id] = true;
+                    }
+                }
+                // Run accept callbacks. This will also re-execute other disposed assets in topological order.
+                processedAssets = {};
+                for(let i = 0; i < assetsToAccept.length; i++){
+                    let id = assetsToAccept[i][1];
+                    if (!processedAssets[id]) {
+                        hmrAccept(assetsToAccept[i][0], id);
+                        processedAssets[id] = true;
+                    }
+                }
+            } else fullReload();
+        }
+        if (data.type === "error") {
+            // Log parcel errors to console
+            for (let ansiDiagnostic of data.diagnostics.ansi){
+                let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;
+                console.error("\uD83D\uDEA8 [parcel]: " + ansiDiagnostic.message + "\n" + stack + "\n\n" + ansiDiagnostic.hints.join("\n"));
+            }
+            if (typeof document !== "undefined") {
+                // Render the fancy html overlay
+                removeErrorOverlay();
+                var overlay = createErrorOverlay(data.diagnostics.html);
+                // $FlowFixMe
+                document.body.appendChild(overlay);
+            }
+        }
+    };
+    ws.onerror = function(e) {
+        if (e.message) console.error(e.message);
+    };
+    ws.onclose = function() {
+        console.warn("[parcel] \uD83D\uDEA8 Connection to the HMR server was lost");
+    };
+}
+function removeErrorOverlay() {
+    var overlay = document.getElementById(OVERLAY_ID);
+    if (overlay) {
+        overlay.remove();
+        console.log("[parcel] \u2728 Error resolved");
+    }
+}
+function createErrorOverlay(diagnostics) {
+    var overlay = document.createElement("div");
+    overlay.id = OVERLAY_ID;
+    let errorHTML = '<div style="background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;">';
+    for (let diagnostic of diagnostics){
+        let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame)=>{
+            return `${p}
+<a href="/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}" style="text-decoration: underline; color: #888" onclick="fetch(this.href); return false">${frame.location}</a>
+${frame.code}`;
+        }, "") : diagnostic.stack;
+        errorHTML += `
+      <div>
+        <div style="font-size: 18px; font-weight: bold; margin-top: 20px;">
+          \u{1F6A8} ${diagnostic.message}
+        </div>
+        <pre>${stack}</pre>
+        <div>
+          ${diagnostic.hints.map((hint)=>"<div>\uD83D\uDCA1 " + hint + "</div>").join("")}
+        </div>
+        ${diagnostic.documentation ? `<div>\u{1F4DD} <a style="color: violet" href="${diagnostic.documentation}" target="_blank">Learn more</a></div>` : ""}
+      </div>
+    `;
+    }
+    errorHTML += "</div>";
+    overlay.innerHTML = errorHTML;
+    return overlay;
+}
+function fullReload() {
+    if ("reload" in location) location.reload();
+    else if (extCtx && extCtx.runtime && extCtx.runtime.reload) extCtx.runtime.reload();
+}
+function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */ {
+    var modules = bundle.modules;
+    if (!modules) return [];
+    var parents = [];
+    var k, d, dep;
+    for(k in modules)for(d in modules[k][1]){
+        dep = modules[k][1][d];
+        if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) parents.push([
+            bundle,
+            k
+        ]);
+    }
+    if (bundle.parent) parents = parents.concat(getParents(bundle.parent, id));
+    return parents;
+}
+function updateLink(link) {
+    var href = link.getAttribute("href");
+    if (!href) return;
+    var newLink = link.cloneNode();
+    newLink.onload = function() {
+        if (link.parentNode !== null) // $FlowFixMe
+        link.parentNode.removeChild(link);
+    };
+    newLink.setAttribute("href", // $FlowFixMe
+    href.split("?")[0] + "?" + Date.now());
+    // $FlowFixMe
+    link.parentNode.insertBefore(newLink, link.nextSibling);
+}
+var cssTimeout = null;
+function reloadCSS() {
+    if (cssTimeout) return;
+    cssTimeout = setTimeout(function() {
+        var links = document.querySelectorAll('link[rel="stylesheet"]');
+        for(var i = 0; i < links.length; i++){
+            // $FlowFixMe[incompatible-type]
+            var href /*: string */  = links[i].getAttribute("href");
+            var hostname = getHostname();
+            var servedFromHMRServer = hostname === "localhost" ? new RegExp("^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):" + getPort()).test(href) : href.indexOf(hostname + ":" + getPort());
+            var absolute = /^https?:\/\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;
+            if (!absolute) updateLink(links[i]);
+        }
+        cssTimeout = null;
+    }, 50);
+}
+function hmrDownload(asset) {
+    if (asset.type === "js") {
+        if (typeof document !== "undefined") {
+            let script = document.createElement("script");
+            script.src = asset.url + "?t=" + Date.now();
+            if (asset.outputFormat === "esmodule") script.type = "module";
+            return new Promise((resolve, reject)=>{
+                var _document$head;
+                script.onload = ()=>resolve(script);
+                script.onerror = reject;
+                (_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);
+            });
+        } else if (typeof importScripts === "function") {
+            // Worker scripts
+            if (asset.outputFormat === "esmodule") return import(asset.url + "?t=" + Date.now());
+            else return new Promise((resolve, reject)=>{
+                try {
+                    importScripts(asset.url + "?t=" + Date.now());
+                    resolve();
+                } catch (err) {
+                    reject(err);
+                }
+            });
+        }
+    }
+}
+async function hmrApplyUpdates(assets) {
+    global.parcelHotUpdate = Object.create(null);
+    let scriptsToRemove;
+    try {
+        // If sourceURL comments aren't supported in eval, we need to load
+        // the update from the dev server over HTTP so that stack traces
+        // are correct in errors/logs. This is much slower than eval, so
+        // we only do it if needed (currently just Safari).
+        // https://bugs.webkit.org/show_bug.cgi?id=137297
+        // This path is also taken if a CSP disallows eval.
+        if (!supportsSourceURL) {
+            let promises = assets.map((asset)=>{
+                var _hmrDownload;
+                return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch((err)=>{
+                    // Web extension fix
+                    if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3 && typeof ServiceWorkerGlobalScope != "undefined" && global instanceof ServiceWorkerGlobalScope) {
+                        extCtx.runtime.reload();
+                        return;
+                    }
+                    throw err;
+                });
+            });
+            scriptsToRemove = await Promise.all(promises);
+        }
+        assets.forEach(function(asset) {
+            hmrApply(module.bundle.root, asset);
+        });
+    } finally{
+        delete global.parcelHotUpdate;
+        if (scriptsToRemove) scriptsToRemove.forEach((script)=>{
+            if (script) {
+                var _document$head2;
+                (_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);
+            }
+        });
+    }
+}
+function hmrApply(bundle /*: ParcelRequire */ , asset /*:  HMRAsset */ ) {
+    var modules = bundle.modules;
+    if (!modules) return;
+    if (asset.type === "css") reloadCSS();
+    else if (asset.type === "js") {
+        let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];
+        if (deps) {
+            if (modules[asset.id]) {
+                // Remove dependencies that are removed and will become orphaned.
+                // This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.
+                let oldDeps = modules[asset.id][1];
+                for(let dep in oldDeps)if (!deps[dep] || deps[dep] !== oldDeps[dep]) {
+                    let id = oldDeps[dep];
+                    let parents = getParents(module.bundle.root, id);
+                    if (parents.length === 1) hmrDelete(module.bundle.root, id);
+                }
+            }
+            if (supportsSourceURL) // Global eval. We would use `new Function` here but browser
+            // support for source maps is better with eval.
+            (0, eval)(asset.output);
+            // $FlowFixMe
+            let fn = global.parcelHotUpdate[asset.id];
+            modules[asset.id] = [
+                fn,
+                deps
+            ];
+        } else if (bundle.parent) hmrApply(bundle.parent, asset);
+    }
+}
+function hmrDelete(bundle, id) {
+    let modules = bundle.modules;
+    if (!modules) return;
+    if (modules[id]) {
+        // Collect dependencies that will become orphaned when this module is deleted.
+        let deps = modules[id][1];
+        let orphans = [];
+        for(let dep in deps){
+            let parents = getParents(module.bundle.root, deps[dep]);
+            if (parents.length === 1) orphans.push(deps[dep]);
+        }
+        // Delete the module. This must be done before deleting dependencies in case of circular dependencies.
+        delete modules[id];
+        delete bundle.cache[id];
+        // Now delete the orphans.
+        orphans.forEach((id)=>{
+            hmrDelete(module.bundle.root, id);
+        });
+    } else if (bundle.parent) hmrDelete(bundle.parent, id);
+}
+function hmrAcceptCheck(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
+    if (hmrAcceptCheckOne(bundle, id, depsByBundle)) return true;
+    // Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.
+    let parents = getParents(module.bundle.root, id);
+    let accepted = false;
+    while(parents.length > 0){
+        let v = parents.shift();
+        let a = hmrAcceptCheckOne(v[0], v[1], null);
+        if (a) // If this parent accepts, stop traversing upward, but still consider siblings.
+        accepted = true;
+        else {
+            // Otherwise, queue the parents in the next level upward.
+            let p = getParents(module.bundle.root, v[1]);
+            if (p.length === 0) {
+                // If there are no parents, then we've reached an entry without accepting. Reload.
+                accepted = false;
+                break;
+            }
+            parents.push(...p);
+        }
+    }
+    return accepted;
+}
+function hmrAcceptCheckOne(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
+    var modules = bundle.modules;
+    if (!modules) return;
+    if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {
+        // If we reached the root bundle without finding where the asset should go,
+        // there's nothing to do. Mark as "accepted" so we don't reload the page.
+        if (!bundle.parent) return true;
+        return hmrAcceptCheck(bundle.parent, id, depsByBundle);
+    }
+    if (checkedAssets[id]) return true;
+    checkedAssets[id] = true;
+    var cached = bundle.cache[id];
+    assetsToDispose.push([
+        bundle,
+        id
+    ]);
+    if (!cached || cached.hot && cached.hot._acceptCallbacks.length) {
+        assetsToAccept.push([
+            bundle,
+            id
+        ]);
+        return true;
+    }
+}
+function hmrDispose(bundle /*: ParcelRequire */ , id /*: string */ ) {
+    var cached = bundle.cache[id];
+    bundle.hotData[id] = {};
+    if (cached && cached.hot) cached.hot.data = bundle.hotData[id];
+    if (cached && cached.hot && cached.hot._disposeCallbacks.length) cached.hot._disposeCallbacks.forEach(function(cb) {
+        cb(bundle.hotData[id]);
+    });
+    delete bundle.cache[id];
+}
+function hmrAccept(bundle /*: ParcelRequire */ , id /*: string */ ) {
+    // Execute the module.
+    bundle(id);
+    // Run the accept callbacks in the new version of the module.
+    var cached = bundle.cache[id];
+    if (cached && cached.hot && cached.hot._acceptCallbacks.length) cached.hot._acceptCallbacks.forEach(function(cb) {
+        var assetsToAlsoAccept = cb(function() {
+            return getParents(module.bundle.root, id);
+        });
+        if (assetsToAlsoAccept && assetsToAccept.length) {
+            assetsToAlsoAccept.forEach(function(a) {
+                hmrDispose(a[0], a[1]);
+            });
+            // $FlowFixMe[method-unbinding]
+            assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);
+        }
+    });
+}
+
+},{}],"4M6V8":[function(require,module,exports) {
+
+},{}]},["fdPd3","4M6V8"], "4M6V8", "parcelRequire7c06")
+
+//# sourceMappingURL=Portfolio.59712999.js.map
diff --git a/Portfolio.59712999.js.map b/Portfolio.59712999.js.map
new file mode 100644
index 0000000..5a24005
--- /dev/null
+++ b/Portfolio.59712999.js.map
@@ -0,0 +1 @@
+{"mappings":"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","sources":["node_modules/.pnpm/@parcel+runtime-browser-hmr@2.10.3_@parcel+core@2.10.3/node_modules/@parcel/runtime-browser-hmr/lib/runtime-cc85f59f19f49dc5.js"],"sourcesContent":["var HMR_HOST = null;var HMR_PORT = null;var HMR_SECURE = false;var HMR_ENV_HASH = \"d6ea1d42532a7575\";module.bundle.HMR_BUNDLE_ID = \"7055c94b59712999\";\"use strict\";\n\n/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */\n/*::\nimport type {\n  HMRAsset,\n  HMRMessage,\n} from '@parcel/reporter-dev-server/src/HMRServer.js';\ninterface ParcelRequire {\n  (string): mixed;\n  cache: {|[string]: ParcelModule|};\n  hotData: {|[string]: mixed|};\n  Module: any;\n  parent: ?ParcelRequire;\n  isParcelRequire: true;\n  modules: {|[string]: [Function, {|[string]: string|}]|};\n  HMR_BUNDLE_ID: string;\n  root: ParcelRequire;\n}\ninterface ParcelModule {\n  hot: {|\n    data: mixed,\n    accept(cb: (Function) => void): void,\n    dispose(cb: (mixed) => void): void,\n    // accept(deps: Array<string> | string, cb: (Function) => void): void,\n    // decline(): void,\n    _acceptCallbacks: Array<(Function) => void>,\n    _disposeCallbacks: Array<(mixed) => void>,\n  |};\n}\ninterface ExtensionContext {\n  runtime: {|\n    reload(): void,\n    getURL(url: string): string;\n    getManifest(): {manifest_version: number, ...};\n  |};\n}\ndeclare var module: {bundle: ParcelRequire, ...};\ndeclare var HMR_HOST: string;\ndeclare var HMR_PORT: string;\ndeclare var HMR_ENV_HASH: string;\ndeclare var HMR_SECURE: boolean;\ndeclare var chrome: ExtensionContext;\ndeclare var browser: ExtensionContext;\ndeclare var __parcel__import__: (string) => Promise<void>;\ndeclare var __parcel__importScripts__: (string) => Promise<void>;\ndeclare var globalThis: typeof self;\ndeclare var ServiceWorkerGlobalScope: Object;\n*/\nvar OVERLAY_ID = '__parcel__error__overlay__';\nvar OldModule = module.bundle.Module;\nfunction Module(moduleName) {\n  OldModule.call(this, moduleName);\n  this.hot = {\n    data: module.bundle.hotData[moduleName],\n    _acceptCallbacks: [],\n    _disposeCallbacks: [],\n    accept: function (fn) {\n      this._acceptCallbacks.push(fn || function () {});\n    },\n    dispose: function (fn) {\n      this._disposeCallbacks.push(fn);\n    }\n  };\n  module.bundle.hotData[moduleName] = undefined;\n}\nmodule.bundle.Module = Module;\nmodule.bundle.hotData = {};\nvar checkedAssets /*: {|[string]: boolean|} */, assetsToDispose /*: Array<[ParcelRequire, string]> */, assetsToAccept /*: Array<[ParcelRequire, string]> */;\n\nfunction getHostname() {\n  return HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost');\n}\nfunction getPort() {\n  return HMR_PORT || location.port;\n}\n\n// eslint-disable-next-line no-redeclare\nvar parent = module.bundle.parent;\nif ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {\n  var hostname = getHostname();\n  var port = getPort();\n  var protocol = HMR_SECURE || location.protocol == 'https:' && !/localhost|127.0.0.1|0.0.0.0/.test(hostname) ? 'wss' : 'ws';\n  var ws;\n  try {\n    ws = new WebSocket(protocol + '://' + hostname + (port ? ':' + port : '') + '/');\n  } catch (err) {\n    if (err.message) {\n      console.error(err.message);\n    }\n    ws = {};\n  }\n\n  // Web extension context\n  var extCtx = typeof browser === 'undefined' ? typeof chrome === 'undefined' ? null : chrome : browser;\n\n  // Safari doesn't support sourceURL in error stacks.\n  // eval may also be disabled via CSP, so do a quick check.\n  var supportsSourceURL = false;\n  try {\n    (0, eval)('throw new Error(\"test\"); //# sourceURL=test.js');\n  } catch (err) {\n    supportsSourceURL = err.stack.includes('test.js');\n  }\n\n  // $FlowFixMe\n  ws.onmessage = async function (event /*: {data: string, ...} */) {\n    checkedAssets = {} /*: {|[string]: boolean|} */;\n    assetsToAccept = [];\n    assetsToDispose = [];\n    var data /*: HMRMessage */ = JSON.parse(event.data);\n    if (data.type === 'update') {\n      // Remove error overlay if there is one\n      if (typeof document !== 'undefined') {\n        removeErrorOverlay();\n      }\n      let assets = data.assets.filter(asset => asset.envHash === HMR_ENV_HASH);\n\n      // Handle HMR Update\n      let handled = assets.every(asset => {\n        return asset.type === 'css' || asset.type === 'js' && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);\n      });\n      if (handled) {\n        console.clear();\n\n        // Dispatch custom event so other runtimes (e.g React Refresh) are aware.\n        if (typeof window !== 'undefined' && typeof CustomEvent !== 'undefined') {\n          window.dispatchEvent(new CustomEvent('parcelhmraccept'));\n        }\n        await hmrApplyUpdates(assets);\n\n        // Dispose all old assets.\n        let processedAssets = {} /*: {|[string]: boolean|} */;\n        for (let i = 0; i < assetsToDispose.length; i++) {\n          let id = assetsToDispose[i][1];\n          if (!processedAssets[id]) {\n            hmrDispose(assetsToDispose[i][0], id);\n            processedAssets[id] = true;\n          }\n        }\n\n        // Run accept callbacks. This will also re-execute other disposed assets in topological order.\n        processedAssets = {};\n        for (let i = 0; i < assetsToAccept.length; i++) {\n          let id = assetsToAccept[i][1];\n          if (!processedAssets[id]) {\n            hmrAccept(assetsToAccept[i][0], id);\n            processedAssets[id] = true;\n          }\n        }\n      } else fullReload();\n    }\n    if (data.type === 'error') {\n      // Log parcel errors to console\n      for (let ansiDiagnostic of data.diagnostics.ansi) {\n        let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;\n        console.error('🚨 [parcel]: ' + ansiDiagnostic.message + '\\n' + stack + '\\n\\n' + ansiDiagnostic.hints.join('\\n'));\n      }\n      if (typeof document !== 'undefined') {\n        // Render the fancy html overlay\n        removeErrorOverlay();\n        var overlay = createErrorOverlay(data.diagnostics.html);\n        // $FlowFixMe\n        document.body.appendChild(overlay);\n      }\n    }\n  };\n  ws.onerror = function (e) {\n    if (e.message) {\n      console.error(e.message);\n    }\n  };\n  ws.onclose = function () {\n    console.warn('[parcel] 🚨 Connection to the HMR server was lost');\n  };\n}\nfunction removeErrorOverlay() {\n  var overlay = document.getElementById(OVERLAY_ID);\n  if (overlay) {\n    overlay.remove();\n    console.log('[parcel] ✨ Error resolved');\n  }\n}\nfunction createErrorOverlay(diagnostics) {\n  var overlay = document.createElement('div');\n  overlay.id = OVERLAY_ID;\n  let errorHTML = '<div style=\"background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;\">';\n  for (let diagnostic of diagnostics) {\n    let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame) => {\n      return `${p}\n<a href=\"/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}\" style=\"text-decoration: underline; color: #888\" onclick=\"fetch(this.href); return false\">${frame.location}</a>\n${frame.code}`;\n    }, '') : diagnostic.stack;\n    errorHTML += `\n      <div>\n        <div style=\"font-size: 18px; font-weight: bold; margin-top: 20px;\">\n          🚨 ${diagnostic.message}\n        </div>\n        <pre>${stack}</pre>\n        <div>\n          ${diagnostic.hints.map(hint => '<div>💡 ' + hint + '</div>').join('')}\n        </div>\n        ${diagnostic.documentation ? `<div>📝 <a style=\"color: violet\" href=\"${diagnostic.documentation}\" target=\"_blank\">Learn more</a></div>` : ''}\n      </div>\n    `;\n  }\n  errorHTML += '</div>';\n  overlay.innerHTML = errorHTML;\n  return overlay;\n}\nfunction fullReload() {\n  if ('reload' in location) {\n    location.reload();\n  } else if (extCtx && extCtx.runtime && extCtx.runtime.reload) {\n    extCtx.runtime.reload();\n  }\n}\nfunction getParents(bundle, id) /*: Array<[ParcelRequire, string]> */{\n  var modules = bundle.modules;\n  if (!modules) {\n    return [];\n  }\n  var parents = [];\n  var k, d, dep;\n  for (k in modules) {\n    for (d in modules[k][1]) {\n      dep = modules[k][1][d];\n      if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {\n        parents.push([bundle, k]);\n      }\n    }\n  }\n  if (bundle.parent) {\n    parents = parents.concat(getParents(bundle.parent, id));\n  }\n  return parents;\n}\nfunction updateLink(link) {\n  var href = link.getAttribute('href');\n  if (!href) {\n    return;\n  }\n  var newLink = link.cloneNode();\n  newLink.onload = function () {\n    if (link.parentNode !== null) {\n      // $FlowFixMe\n      link.parentNode.removeChild(link);\n    }\n  };\n  newLink.setAttribute('href',\n  // $FlowFixMe\n  href.split('?')[0] + '?' + Date.now());\n  // $FlowFixMe\n  link.parentNode.insertBefore(newLink, link.nextSibling);\n}\nvar cssTimeout = null;\nfunction reloadCSS() {\n  if (cssTimeout) {\n    return;\n  }\n  cssTimeout = setTimeout(function () {\n    var links = document.querySelectorAll('link[rel=\"stylesheet\"]');\n    for (var i = 0; i < links.length; i++) {\n      // $FlowFixMe[incompatible-type]\n      var href /*: string */ = links[i].getAttribute('href');\n      var hostname = getHostname();\n      var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\\\/\\\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()).test(href) : href.indexOf(hostname + ':' + getPort());\n      var absolute = /^https?:\\/\\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;\n      if (!absolute) {\n        updateLink(links[i]);\n      }\n    }\n    cssTimeout = null;\n  }, 50);\n}\nfunction hmrDownload(asset) {\n  if (asset.type === 'js') {\n    if (typeof document !== 'undefined') {\n      let script = document.createElement('script');\n      script.src = asset.url + '?t=' + Date.now();\n      if (asset.outputFormat === 'esmodule') {\n        script.type = 'module';\n      }\n      return new Promise((resolve, reject) => {\n        var _document$head;\n        script.onload = () => resolve(script);\n        script.onerror = reject;\n        (_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);\n      });\n    } else if (typeof importScripts === 'function') {\n      // Worker scripts\n      if (asset.outputFormat === 'esmodule') {\n        return __parcel__import__(asset.url + '?t=' + Date.now());\n      } else {\n        return new Promise((resolve, reject) => {\n          try {\n            __parcel__importScripts__(asset.url + '?t=' + Date.now());\n            resolve();\n          } catch (err) {\n            reject(err);\n          }\n        });\n      }\n    }\n  }\n}\nasync function hmrApplyUpdates(assets) {\n  global.parcelHotUpdate = Object.create(null);\n  let scriptsToRemove;\n  try {\n    // If sourceURL comments aren't supported in eval, we need to load\n    // the update from the dev server over HTTP so that stack traces\n    // are correct in errors/logs. This is much slower than eval, so\n    // we only do it if needed (currently just Safari).\n    // https://bugs.webkit.org/show_bug.cgi?id=137297\n    // This path is also taken if a CSP disallows eval.\n    if (!supportsSourceURL) {\n      let promises = assets.map(asset => {\n        var _hmrDownload;\n        return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch(err => {\n          // Web extension fix\n          if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3 && typeof ServiceWorkerGlobalScope != 'undefined' && global instanceof ServiceWorkerGlobalScope) {\n            extCtx.runtime.reload();\n            return;\n          }\n          throw err;\n        });\n      });\n      scriptsToRemove = await Promise.all(promises);\n    }\n    assets.forEach(function (asset) {\n      hmrApply(module.bundle.root, asset);\n    });\n  } finally {\n    delete global.parcelHotUpdate;\n    if (scriptsToRemove) {\n      scriptsToRemove.forEach(script => {\n        if (script) {\n          var _document$head2;\n          (_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);\n        }\n      });\n    }\n  }\n}\nfunction hmrApply(bundle /*: ParcelRequire */, asset /*:  HMRAsset */) {\n  var modules = bundle.modules;\n  if (!modules) {\n    return;\n  }\n  if (asset.type === 'css') {\n    reloadCSS();\n  } else if (asset.type === 'js') {\n    let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];\n    if (deps) {\n      if (modules[asset.id]) {\n        // Remove dependencies that are removed and will become orphaned.\n        // This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.\n        let oldDeps = modules[asset.id][1];\n        for (let dep in oldDeps) {\n          if (!deps[dep] || deps[dep] !== oldDeps[dep]) {\n            let id = oldDeps[dep];\n            let parents = getParents(module.bundle.root, id);\n            if (parents.length === 1) {\n              hmrDelete(module.bundle.root, id);\n            }\n          }\n        }\n      }\n      if (supportsSourceURL) {\n        // Global eval. We would use `new Function` here but browser\n        // support for source maps is better with eval.\n        (0, eval)(asset.output);\n      }\n\n      // $FlowFixMe\n      let fn = global.parcelHotUpdate[asset.id];\n      modules[asset.id] = [fn, deps];\n    } else if (bundle.parent) {\n      hmrApply(bundle.parent, asset);\n    }\n  }\n}\nfunction hmrDelete(bundle, id) {\n  let modules = bundle.modules;\n  if (!modules) {\n    return;\n  }\n  if (modules[id]) {\n    // Collect dependencies that will become orphaned when this module is deleted.\n    let deps = modules[id][1];\n    let orphans = [];\n    for (let dep in deps) {\n      let parents = getParents(module.bundle.root, deps[dep]);\n      if (parents.length === 1) {\n        orphans.push(deps[dep]);\n      }\n    }\n\n    // Delete the module. This must be done before deleting dependencies in case of circular dependencies.\n    delete modules[id];\n    delete bundle.cache[id];\n\n    // Now delete the orphans.\n    orphans.forEach(id => {\n      hmrDelete(module.bundle.root, id);\n    });\n  } else if (bundle.parent) {\n    hmrDelete(bundle.parent, id);\n  }\n}\nfunction hmrAcceptCheck(bundle /*: ParcelRequire */, id /*: string */, depsByBundle /*: ?{ [string]: { [string]: string } }*/) {\n  if (hmrAcceptCheckOne(bundle, id, depsByBundle)) {\n    return true;\n  }\n\n  // Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.\n  let parents = getParents(module.bundle.root, id);\n  let accepted = false;\n  while (parents.length > 0) {\n    let v = parents.shift();\n    let a = hmrAcceptCheckOne(v[0], v[1], null);\n    if (a) {\n      // If this parent accepts, stop traversing upward, but still consider siblings.\n      accepted = true;\n    } else {\n      // Otherwise, queue the parents in the next level upward.\n      let p = getParents(module.bundle.root, v[1]);\n      if (p.length === 0) {\n        // If there are no parents, then we've reached an entry without accepting. Reload.\n        accepted = false;\n        break;\n      }\n      parents.push(...p);\n    }\n  }\n  return accepted;\n}\nfunction hmrAcceptCheckOne(bundle /*: ParcelRequire */, id /*: string */, depsByBundle /*: ?{ [string]: { [string]: string } }*/) {\n  var modules = bundle.modules;\n  if (!modules) {\n    return;\n  }\n  if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {\n    // If we reached the root bundle without finding where the asset should go,\n    // there's nothing to do. Mark as \"accepted\" so we don't reload the page.\n    if (!bundle.parent) {\n      return true;\n    }\n    return hmrAcceptCheck(bundle.parent, id, depsByBundle);\n  }\n  if (checkedAssets[id]) {\n    return true;\n  }\n  checkedAssets[id] = true;\n  var cached = bundle.cache[id];\n  assetsToDispose.push([bundle, id]);\n  if (!cached || cached.hot && cached.hot._acceptCallbacks.length) {\n    assetsToAccept.push([bundle, id]);\n    return true;\n  }\n}\nfunction hmrDispose(bundle /*: ParcelRequire */, id /*: string */) {\n  var cached = bundle.cache[id];\n  bundle.hotData[id] = {};\n  if (cached && cached.hot) {\n    cached.hot.data = bundle.hotData[id];\n  }\n  if (cached && cached.hot && cached.hot._disposeCallbacks.length) {\n    cached.hot._disposeCallbacks.forEach(function (cb) {\n      cb(bundle.hotData[id]);\n    });\n  }\n  delete bundle.cache[id];\n}\nfunction hmrAccept(bundle /*: ParcelRequire */, id /*: string */) {\n  // Execute the module.\n  bundle(id);\n\n  // Run the accept callbacks in the new version of the module.\n  var cached = bundle.cache[id];\n  if (cached && cached.hot && cached.hot._acceptCallbacks.length) {\n    cached.hot._acceptCallbacks.forEach(function (cb) {\n      var assetsToAlsoAccept = cb(function () {\n        return getParents(module.bundle.root, id);\n      });\n      if (assetsToAlsoAccept && assetsToAccept.length) {\n        assetsToAlsoAccept.forEach(function (a) {\n          hmrDispose(a[0], a[1]);\n        });\n\n        // $FlowFixMe[method-unbinding]\n        assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);\n      }\n    });\n  }\n}"],"names":[],"version":3,"file":"Portfolio.59712999.js.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.0dbd4776.js b/index.0dbd4776.js
new file mode 100644
index 0000000..a7424fa
--- /dev/null
+++ b/index.0dbd4776.js
@@ -0,0 +1,10 @@
+// Author: Itz-fork
+function scrollUntil(untilV = window.innerHeight) {
+    window.scrollBy({
+        top: untilV,
+        left: 0,
+        behavior: "smooth"
+    });
+}
+
+//# sourceMappingURL=index.0dbd4776.js.map
diff --git a/index.0dbd4776.js.map b/index.0dbd4776.js.map
new file mode 100644
index 0000000..367d757
--- /dev/null
+++ b/index.0dbd4776.js.map
@@ -0,0 +1 @@
+{"mappings":"AAAA,mBAAmB;AACnB,SAAS,YAAY,SAAS,OAAO,WAAW;IAC5C,OAAO,QAAQ,CAAC;QACZ,KAAK;QACL,MAAM;QACN,UAAU;IACd;AACJ","sources":["src/js/extras.js"],"sourcesContent":["// Author: Itz-fork\nfunction scrollUntil(untilV = window.innerHeight) {\n    window.scrollBy({\n        top: untilV,\n        left: 0,\n        behavior: \"smooth\"\n    });\n}"],"names":[],"version":3,"file":"index.0dbd4776.js.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.2574d2a5.css b/index.2574d2a5.css
new file mode 100644
index 0000000..90da3d2
--- /dev/null
+++ b/index.2574d2a5.css
@@ -0,0 +1,202 @@
+@import "https://cdn.jsdelivr.net/gh/Itz-fork/Zephyr@latest/Zephyr/styles/text.css";
+@import "https://fonts.googleapis.com/css2?family=Satisfy&family=Sintony:wght@700&family=Yellowtail&display=swap";
+html {
+  scroll-behavior: smooth;
+}
+
+h2 {
+  text-decoration: underline;
+}
+
+h2:before {
+  content: "$ ";
+}
+
+h2:after {
+  content: " ▌";
+  animation: 1s infinite txt-indicator-ani;
+}
+
+p {
+  background-color: #00000080;
+  border-radius: 20px;
+  padding: 5px;
+  font-size: 1.1rem;
+  display: inline-block;
+}
+
+@media only screen and (device-width >= 990px) {
+  p {
+    max-width: 50vw;
+  }
+}
+
+button.gradnime, button.sc_btns {
+  font-family: var(--z-font);
+  color: var(--z-white-text);
+  box-shadow: 0 2px 4px 0 var(--z-default-shadow);
+  background-color: #000c;
+  border: none;
+  border-radius: 10px;
+  margin: .6em .5em;
+  padding: .8em;
+  font-size: 1em;
+  font-weight: bold;
+  transition: all .3s ease-in-out;
+}
+
+button.gradnime:hover:not(button.sc_btns), button.sc_btns:hover:not(button.sc_btns) {
+  background: linear-gradient(60deg, #fb09, #f059, #7a2bbf99, #02c59b99) 0 0 / 300% 300%;
+  animation: 3s infinite alternate loop-grad;
+}
+
+@keyframes loop-bg {
+  from {
+    background-position: 0%;
+    transform: scale(1);
+  }
+
+  to {
+    background-position: -200%;
+    transform: scale(1.1);
+  }
+}
+
+@keyframes txt-indicator-ani {
+  from {
+    opacity: 0;
+  }
+
+  50% {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes loop-grad {
+  0% {
+    background-position: 0%;
+  }
+
+  50% {
+    background-position: 100%;
+  }
+
+  100% {
+    background-position: 0%;
+  }
+}
+
+#sqbg {
+  color: #f0f8ff;
+  filter: brightness(40%);
+  text-align: center;
+  z-index: -1;
+  grid-template-columns: repeat(var(--columns), 1fr);
+  grid-template-rows: repeat(var(--rows), 1fr);
+  background: linear-gradient(to right, #ed5ab3, #1640d6, #ed5ab3) 0 0 / 200%;
+  gap: 2px;
+  width: 100%;
+  height: 100%;
+  animation: 7s infinite alternate loop-bg;
+  display: grid;
+  position: fixed;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+}
+
+.sqr_block {
+  color: #808080e6;
+  z-index: 100;
+  filter: blur(.5px);
+  -webkit-user-select: none;
+  user-select: none;
+  background-color: #000000e6;
+  border-radius: 5px;
+  justify-content: center;
+  align-items: center;
+  font-family: Space Grotesk, monospace;
+  display: flex;
+  overflow: auto;
+}
+
+.line {
+  margin-top: var(--vline-mh);
+  border-left: 2px solid #0000;
+  border-image: linear-gradient(var(--z-blue), var(--z-purple), var(--z-blue)) 10 stretch;
+  min-height: 60vh;
+  margin-left: 4vw;
+  position: absolute;
+}
+
+.line-con {
+  flex-direction: column;
+  margin-top: 10rem;
+  display: flex;
+  position: relative;
+}
+
+.greet {
+  color: var(--z-white-text);
+  font-size: 2rem;
+}
+
+#main {
+  min-height: 100vh;
+  margin-top: 20vh;
+  margin-left: 6vw;
+  margin-right: 5vw;
+}
+
+#main > span {
+  font-family: var(--z-font);
+}
+
+#main > h1 {
+  color: var(--z-white-text);
+  margin-top: 0;
+  margin-left: 1.5rem;
+  font-family: Sintony, sans-serif;
+  font-size: 3rem;
+}
+
+#about {
+  min-height: 100vh;
+  margin-left: 6vw;
+}
+
+#skills {
+  min-height: 80vh;
+  margin-left: 6vw;
+}
+
+footer {
+  text-align: center;
+  background-color: #ffd6ff80;
+  border-radius: 10px;
+  width: 100%;
+  min-height: 20vh;
+}
+
+footer div .sc_btns:hover {
+  background-color: #000000e6;
+  transform: scale(1.1);
+}
+
+footer > .footer_text {
+  color: #fefae0;
+  font-size: 1.2rem;
+  font-family: var(--z-font);
+  margin-top: 1.5rem;
+  display: inline-block;
+}
+
+footer > div {
+  margin-top: 1rem;
+}
+
+/*# sourceMappingURL=index.2574d2a5.css.map */
diff --git a/index.2574d2a5.css.map b/index.2574d2a5.css.map
new file mode 100644
index 0000000..1fdd695
--- /dev/null
+++ b/index.2574d2a5.css.map
@@ -0,0 +1 @@
+{"mappings":";;AAEA;;;;AAGA;;;;AAGA;;;;AAGA;;;;;AAIA;;;;;;;;AAOA;EACI;;;;;AAIJ;;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;;;;;;;;;AAWA;;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;;;;;AAcA;;;;;;;;;AAQA;;;;;;;AAMA;;;;;AAIA;;;;;;;AAMA;;;;AAGA;;;;;;;;AAOA;;;;;AAIA;;;;;AAIA;;;;;;;;AAOI;;;;;AAKJ;;;;;;;;AAOA","sources":["src/css/main.css"],"sourcesContent":["@import \"https://cdn.jsdelivr.net/gh/Itz-fork/Zephyr@latest/Zephyr/styles/text.css\";\n@import \"https://fonts.googleapis.com/css2?family=Satisfy&family=Sintony:wght@700&family=Yellowtail&display=swap\";\n\nhtml {\n    scroll-behavior: smooth;\n}\n\nh2 {\n    text-decoration: underline;\n}\n\nh2:before {\n    content: \"$ \";\n}\n\nh2:after {\n    content: \" ▌\";\n    animation: 1s infinite txt-indicator-ani;\n}\n\np {\n    background-color: #00000080;\n    border-radius: 20px;\n    padding: 5px;\n    font-size: 1.1rem;\n    display: inline-block;\n}\n\n@media only screen and (device-width >=990px) {\n    p {\n        max-width: 50vw;\n    }\n}\n\nbutton.gradnime,\nbutton.sc_btns {\n    font-family: var(--z-font);\n    color: var(--z-white-text);\n    box-shadow: 0 2px 4px 0 var(--z-default-shadow);\n    background-color: #000c;\n    border: none;\n    border-radius: 10px;\n    margin: .6em .5em;\n    padding: .8em;\n    font-size: 1em;\n    font-weight: bold;\n    transition: all .3s ease-in-out;\n}\n\nbutton.gradnime:hover:not(button.sc_btns),\nbutton.sc_btns:hover:not(button.sc_btns) {\n    background: linear-gradient(60deg, #fb09, #f059, #7a2bbf99, #02c59b99) 0 0 / 300% 300%;\n    animation: 3s infinite alternate loop-grad;\n}\n\n@keyframes loop-bg {\n    from {\n        background-position: 0%;\n        transform: scale(1);\n    }\n\n    to {\n        background-position: -200%;\n        transform: scale(1.1);\n    }\n}\n\n@keyframes txt-indicator-ani {\n    from {\n        opacity: 0;\n    }\n\n    50% {\n        opacity: 1;\n    }\n\n    to {\n        opacity: 0;\n    }\n}\n\n@keyframes loop-grad {\n    0% {\n        background-position: 0%;\n    }\n\n    50% {\n        background-position: 100%;\n    }\n\n    100% {\n        background-position: 0%;\n    }\n}\n\n#sqbg {\n    color: #f0f8ff;\n    filter: brightness(40%);\n    text-align: center;\n    z-index: -1;\n    grid-template-columns: repeat(var(--columns), 1fr);\n    grid-template-rows: repeat(var(--rows), 1fr);\n    background: linear-gradient(to right, #ed5ab3, #1640d6, #ed5ab3) 0 0 / 200%;\n    gap: 2px;\n    width: 100%;\n    height: 100%;\n    animation: 7s infinite alternate loop-bg;\n    display: grid;\n    position: fixed;\n    top: 0;\n    left: 0;\n    overflow: hidden;\n}\n\n.sqr_block {\n    color: #808080e6;\n    z-index: 100;\n    filter: blur(.5px);\n    -webkit-user-select: none;\n    user-select: none;\n    background-color: #000000e6;\n    border-radius: 5px;\n    justify-content: center;\n    align-items: center;\n    font-family: Space Grotesk, monospace;\n    display: flex;\n    overflow: auto;\n}\n\n.line {\n    margin-top: var(--vline-mh);\n    border-left: 2px solid #0000;\n    border-image: linear-gradient(var(--z-blue), var(--z-purple), var(--z-blue)) 10 stretch;\n    min-height: 60vh;\n    margin-left: 4vw;\n    position: absolute;\n}\n\n.line-con {\n    flex-direction: column;\n    margin-top: 10rem;\n    display: flex;\n    position: relative;\n}\n\n.greet {\n    color: var(--z-white-text);\n    font-size: 2rem;\n}\n\n#main {\n    min-height: 100vh;\n    margin-top: 20vh;\n    margin-left: 6vw;\n    margin-right: 5vw;\n}\n\n#main>span {\n    font-family: var(--z-font);\n}\n\n#main>h1 {\n    color: var(--z-white-text);\n    margin-top: 0;\n    margin-left: 1.5rem;\n    font-family: Sintony, sans-serif;\n    font-size: 3rem;\n}\n\n#about {\n    min-height: 100vh;\n    margin-left: 6vw;\n}\n\n#skills {\n    min-height: 80vh;\n    margin-left: 6vw;\n}\n\nfooter {\n    text-align: center;\n    background-color: #ffd6ff80;\n    border-radius: 10px;\n    width: 100%;\n    min-height: 20vh;\n\n    div .sc_btns:hover {\n        background-color: #000000e6;\n        transform: scale(1.1);\n    }\n}\n\nfooter>.footer_text {\n    color: #fefae0;\n    font-size: 1.2rem;\n    font-family: var(--z-font);\n    margin-top: 1.5rem;\n    display: inline-block;\n}\n\nfooter>div {\n    margin-top: 1rem;\n}"],"names":[],"version":3,"file":"index.2574d2a5.css.map"}
\ No newline at end of file
diff --git a/index.34df27b5.css b/index.34df27b5.css
new file mode 100644
index 0000000..7d4ce1f
--- /dev/null
+++ b/index.34df27b5.css
@@ -0,0 +1,202 @@
+@import "https://cdn.jsdelivr.net/gh/Itz-fork/Zephyr@latest/Zephyr/styles/text.css";
+@import "https://fonts.googleapis.com/css2?family=Satisfy&family=Sintony:wght@700&family=Yellowtail&display=swap";
+html {
+  scroll-behavior: smooth;
+}
+
+h2 {
+  text-decoration: underline;
+}
+
+h2:before {
+  content: "$ ";
+}
+
+h2:after {
+  content: " ▌";
+  animation: 1s infinite txt-indicator-ani;
+}
+
+p {
+  background-color: #00000080;
+  border-radius: 20px;
+  padding: 5px;
+  font-size: 1.1rem;
+  display: inline-block;
+}
+
+@media only screen and (device-width >= 990px) {
+  p {
+    max-width: 50vw;
+  }
+}
+
+button.gradnime, button.sc_btns {
+  font-family: var(--z-font);
+  color: var(--z-white-text);
+  box-shadow: 0 2px 4px 0 var(--z-default-shadow);
+  background-color: #000c;
+  border: none;
+  border-radius: 10px;
+  margin: .6em .5em;
+  padding: .8em;
+  font-size: 1em;
+  font-weight: bold;
+  transition: all .3s ease-in-out;
+}
+
+button.gradnime:hover:not(button.sc_btns), button.sc_btns:hover:not(button.sc_btns) {
+  background: linear-gradient(60deg, #fb09, #f059, #7a2bbf99, #02c59b99) 0 0 / 300% 300%;
+  animation: 3s infinite alternate loop-grad;
+}
+
+@keyframes loop-bg {
+  from {
+    background-position: 0%;
+    transform: scale(1);
+  }
+
+  to {
+    background-position: -200%;
+    transform: scale(1.1);
+  }
+}
+
+@keyframes txt-indicator-ani {
+  from {
+    opacity: 0;
+  }
+
+  50% {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes loop-grad {
+  0% {
+    background-position: 0%;
+  }
+
+  50% {
+    background-position: 100%;
+  }
+
+  100% {
+    background-position: 0%;
+  }
+}
+
+#sqbg {
+  color: #f0f8ff;
+  filter: brightness(40%);
+  text-align: center;
+  z-index: -1;
+  grid-template-columns: repeat(var(--columns), 1fr);
+  grid-template-rows: repeat(var(--rows), 1fr);
+  background: linear-gradient(to right, #ed5ab3, #1640d6, #ed5ab3) 0 0 / 200%;
+  gap: 2px;
+  width: 100%;
+  height: 100%;
+  animation: 7s infinite alternate loop-bg;
+  display: grid;
+  position: fixed;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+}
+
+.sqr_block {
+  color: #808080e6;
+  z-index: 100;
+  filter: blur(.5px);
+  -webkit-user-select: none;
+  user-select: none;
+  background-color: #000000e6;
+  border-radius: 5px;
+  justify-content: center;
+  align-items: center;
+  font-family: Space Grotesk, monospace;
+  display: flex;
+  overflow: auto;
+}
+
+.line {
+  margin-top: var(--vline-mh);
+  border-left: 2px solid #0000;
+  border-image: linear-gradient(var(--z-blue), var(--z-purple), var(--z-blue)) 10 stretch;
+  min-height: 60vh;
+  margin-left: 4vw;
+  position: absolute;
+}
+
+.line-con {
+  flex-direction: column;
+  margin-top: 10rem;
+  display: flex;
+  position: relative;
+}
+
+.greet {
+  color: var(--z-white-text);
+  font-size: 2rem;
+}
+
+#main {
+  min-height: 100vh;
+  margin-top: 20vh;
+  margin-left: 6vw;
+  margin-right: 5vw;
+}
+
+#main > span {
+  font-family: var(--z-font);
+}
+
+#main > h1 {
+  color: var(--z-white-text);
+  margin-top: 0;
+  margin-left: 1.5rem;
+  font-family: Sintony, sans-serif;
+  font-size: 3rem;
+}
+
+#about {
+  min-height: 100vh;
+  margin-left: 6vw;
+}
+
+#skills {
+  min-height: 80vh;
+  margin-left: 6vw;
+}
+
+footer {
+  text-align: center;
+  background-color: #ffd6ff80;
+  border-radius: 10px;
+  width: 100%;
+  min-height: 20vh;
+}
+
+footer div .sc_btns:hover {
+  background-color: #000000e6;
+  transform: scale(1.1);
+}
+
+footer > .footer_text {
+  color: #fefae0;
+  font-size: 1.2rem;
+  font-family: var(--z-font);
+  margin-top: 1.5rem;
+  display: inline-block;
+}
+
+footer > div {
+  margin-top: 1rem;
+}
+
+/*# sourceMappingURL=index.34df27b5.css.map */
diff --git a/index.34df27b5.css.map b/index.34df27b5.css.map
new file mode 100644
index 0000000..66a7318
--- /dev/null
+++ b/index.34df27b5.css.map
@@ -0,0 +1 @@
+{"mappings":";;AAEA;;;;AAGA;;;;AAGA;;;;AAGA;;;;;AAIA;;;;;;;;AAOA;EACI;;;;;AAIJ;;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;;;;;;;;;AAWA;;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;;;;;AAcA;;;;;;;;;AAQA;;;;;;;AAMA;;;;;AAIA;;;;;;;AAMA;;;;AAGA;;;;;;;;AAOA;;;;;AAIA;;;;;AAIA;;;;;;;;AAOI;;;;;AAKJ;;;;;;;;AAOA","sources":["src/css/main.css"],"sourcesContent":["@import \"https://cdn.jsdelivr.net/gh/Itz-fork/Zephyr@latest/Zephyr/styles/text.css\";\n@import \"https://fonts.googleapis.com/css2?family=Satisfy&family=Sintony:wght@700&family=Yellowtail&display=swap\";\n\nhtml {\n    scroll-behavior: smooth;\n}\n\nh2 {\n    text-decoration: underline;\n}\n\nh2:before {\n    content: \"$ \";\n}\n\nh2:after {\n    content: \" ▌\";\n    animation: 1s infinite txt-indicator-ani;\n}\n\np {\n    background-color: #00000080;\n    border-radius: 20px;\n    padding: 5px;\n    font-size: 1.1rem;\n    display: inline-block;\n}\n\n@media only screen and (device-width >=990px) {\n    p {\n        max-width: 50vw;\n    }\n}\n\nbutton.gradnime,\nbutton.sc_btns {\n    font-family: var(--z-font);\n    color: var(--z-white-text);\n    box-shadow: 0 2px 4px 0 var(--z-default-shadow);\n    background-color: #000c;\n    border: none;\n    border-radius: 10px;\n    margin: .6em .5em;\n    padding: .8em;\n    font-size: 1em;\n    font-weight: bold;\n    transition: all .3s ease-in-out;\n}\n\nbutton.gradnime:hover:not(button.sc_btns),\nbutton.sc_btns:hover:not(button.sc_btns) {\n    background: linear-gradient(60deg, #fb09, #f059, #7a2bbf99, #02c59b99) 0 0 / 300% 300%;\n    animation: 3s infinite alternate loop-grad;\n}\n\n@keyframes loop-bg {\n    from {\n        background-position: 0%;\n        transform: scale(1);\n    }\n\n    to {\n        background-position: -200%;\n        transform: scale(1.1);\n    }\n}\n\n@keyframes txt-indicator-ani {\n    from {\n        opacity: 0;\n    }\n\n    50% {\n        opacity: 1;\n    }\n\n    to {\n        opacity: 0;\n    }\n}\n\n@keyframes loop-grad {\n    0% {\n        background-position: 0%;\n    }\n\n    50% {\n        background-position: 100%;\n    }\n\n    100% {\n        background-position: 0%;\n    }\n}\n\n#sqbg {\n    color: #f0f8ff;\n    filter: brightness(40%);\n    text-align: center;\n    z-index: -1;\n    grid-template-columns: repeat(var(--columns), 1fr);\n    grid-template-rows: repeat(var(--rows), 1fr);\n    background: linear-gradient(to right, #ed5ab3, #1640d6, #ed5ab3) 0 0 / 200%;\n    gap: 2px;\n    width: 100%;\n    height: 100%;\n    animation: 7s infinite alternate loop-bg;\n    display: grid;\n    position: fixed;\n    top: 0;\n    left: 0;\n    overflow: hidden;\n}\n\n.sqr_block {\n    color: #808080e6;\n    z-index: 100;\n    filter: blur(.5px);\n    -webkit-user-select: none;\n    user-select: none;\n    background-color: #000000e6;\n    border-radius: 5px;\n    justify-content: center;\n    align-items: center;\n    font-family: Space Grotesk, monospace;\n    display: flex;\n    overflow: auto;\n}\n\n.line {\n    margin-top: var(--vline-mh);\n    border-left: 2px solid #0000;\n    border-image: linear-gradient(var(--z-blue), var(--z-purple), var(--z-blue)) 10 stretch;\n    min-height: 60vh;\n    margin-left: 4vw;\n    position: absolute;\n}\n\n.line-con {\n    flex-direction: column;\n    margin-top: 10rem;\n    display: flex;\n    position: relative;\n}\n\n.greet {\n    color: var(--z-white-text);\n    font-size: 2rem;\n}\n\n#main {\n    min-height: 100vh;\n    margin-top: 20vh;\n    margin-left: 6vw;\n    margin-right: 5vw;\n}\n\n#main>span {\n    font-family: var(--z-font);\n}\n\n#main>h1 {\n    color: var(--z-white-text);\n    margin-top: 0;\n    margin-left: 1.5rem;\n    font-family: Sintony, sans-serif;\n    font-size: 3rem;\n}\n\n#about {\n    min-height: 100vh;\n    margin-left: 6vw;\n}\n\n#skills {\n    min-height: 80vh;\n    margin-left: 6vw;\n}\n\nfooter {\n    text-align: center;\n    background-color: #ffd6ff80;\n    border-radius: 10px;\n    width: 100%;\n    min-height: 20vh;\n\n    div .sc_btns:hover {\n        background-color: #000000e6;\n        transform: scale(1.1);\n    }\n}\n\nfooter>.footer_text {\n    color: #fefae0;\n    font-size: 1.2rem;\n    font-family: var(--z-font);\n    margin-top: 1.5rem;\n    display: inline-block;\n}\n\nfooter>div {\n    margin-top: 1rem;\n}"],"names":[],"version":3,"file":"index.34df27b5.css.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.79f76b5f.js b/index.79f76b5f.js
new file mode 100644
index 0000000..050bc83
--- /dev/null
+++ b/index.79f76b5f.js
@@ -0,0 +1,86 @@
+// Author: Itz-fork
+//  Pre-defined variables
+const size = 100;
+let columns = 0, rows = 0;
+const codes = [
+    "backend",
+    "frontend",
+    "full-stack",
+    "python",
+    "javascript",
+    "typescript",
+    "bash",
+    "dart",
+    "vlang",
+    "html",
+    "css",
+    "Arch btw",
+    "android",
+    "windows",
+    "deno",
+    "svelte",
+    "nuxt",
+    "git",
+    "docker",
+    "Fastapi",
+    "API",
+    "CLI",
+    "Web scraping",
+    "scripting",
+    "$ sudo -b",
+    "$ whoami",
+    "$ ifconfig",
+    "$ ping",
+    "$ route",
+    "$ netstat",
+    "pub fn",
+    "def hello()",
+    "while True",
+    "struct Code",
+    "interface Life"
+];
+const container = document.getElementById("sqbg");
+const cursor = document.getElementById("cursor");
+// Background
+function AddSqrs(sq) {
+    while(sq > 0){
+        let sqrel = document.createElement("div");
+        sqrel.classList.add("sqr_block");
+        sqrel.innerText = codes[Math.floor(Math.random() * codes.length)];
+        container.appendChild(sqrel);
+        sq--;
+    }
+}
+const CalcGrid = ()=>{
+    container.innerHTML = "";
+    columns = Math.floor(window.innerWidth / size);
+    rows = Math.floor(window.innerHeight / size);
+    container.style.setProperty("--columns", columns);
+    container.style.setProperty("--rows", rows);
+    AddSqrs(columns * rows);
+};
+CalcGrid();
+window.onresize = ()=>CalcGrid();
+window.onmousemove = (ev)=>{
+    const position = Math.floor(ev.x / 100) + Math.floor(ev.y / 100) * columns;
+    const el = container.children[position];
+    try {
+        el.animate({
+            opacity: [
+                0.2,
+                0.9,
+                1
+            ],
+            offset: [
+                0,
+                0.8
+            ],
+            easing: [
+                "ease-in",
+                "ease-out"
+            ]
+        }, 2000);
+    } catch (e) {}
+};
+
+//# sourceMappingURL=index.79f76b5f.js.map
diff --git a/index.79f76b5f.js.map b/index.79f76b5f.js.map
new file mode 100644
index 0000000..03c6a47
--- /dev/null
+++ b/index.79f76b5f.js.map
@@ -0,0 +1 @@
+{"mappings":"AAAA,mBAAmB;AACnB,yBAAyB;AACzB,MAAM,OAAO;AACb,IAAI,UAAU,GAAG,OAAO;AACxB,MAAM,QAAQ;IACV;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH;AACD,MAAM,YAAY,SAAS,cAAc,CAAC;AAC1C,MAAM,SAAS,SAAS,cAAc,CAAC;AACvC,aAAa;AACb,SAAS,QAAQ,EAAE;IACf,MAAO,KAAK,EAAG;QACX,IAAI,QAAQ,SAAS,aAAa,CAAC;QACnC,MAAM,SAAS,CAAC,GAAG,CAAC;QACpB,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,MAAM,KAAK,MAAM,MAAM,EAAE;QACjE,UAAU,WAAW,CAAC;QACtB;IACJ;AACJ;AACA,MAAM,WAAW;IACb,UAAU,SAAS,GAAG;IACtB,UAAU,KAAK,KAAK,CAAC,OAAO,UAAU,GAAG;IACzC,OAAO,KAAK,KAAK,CAAC,OAAO,WAAW,GAAG;IACvC,UAAU,KAAK,CAAC,WAAW,CAAC,aAAa;IACzC,UAAU,KAAK,CAAC,WAAW,CAAC,UAAU;IACtC,QAAQ,UAAU;AACtB;AACA;AACA,OAAO,QAAQ,GAAG,IAAM;AACxB,OAAO,WAAW,GAAG,CAAC;IAClB,MAAM,WAAW,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO;IACnE,MAAM,KAAK,UAAU,QAAQ,CAAC,SAAS;IACvC,IAAI;QACA,GAAG,OAAO,CAAC;YACP,SAAS;gBACL;gBACA;gBACA;aACH;YACD,QAAQ;gBACJ;gBACA;aACH;YACD,QAAQ;gBACJ;gBACA;aACH;QACL,GAAG;IACP,EAAE,OAAO,GAAG,CAAE;AAClB","sources":["src/js/effects.js"],"sourcesContent":["// Author: Itz-fork\n//  Pre-defined variables\nconst size = 100;\nlet columns = 0, rows = 0;\nconst codes = [\n    \"backend\",\n    \"frontend\",\n    \"full-stack\",\n    \"python\",\n    \"javascript\",\n    \"typescript\",\n    \"bash\",\n    \"dart\",\n    \"vlang\",\n    \"html\",\n    \"css\",\n    \"Arch btw\",\n    \"android\",\n    \"windows\",\n    \"deno\",\n    \"svelte\",\n    \"nuxt\",\n    \"git\",\n    \"docker\",\n    \"Fastapi\",\n    \"API\",\n    \"CLI\",\n    \"Web scraping\",\n    \"scripting\",\n    \"$ sudo -b\",\n    \"$ whoami\",\n    \"$ ifconfig\",\n    \"$ ping\",\n    \"$ route\",\n    \"$ netstat\",\n    \"pub fn\",\n    \"def hello()\",\n    \"while True\",\n    \"struct Code\",\n    \"interface Life\"\n];\nconst container = document.getElementById(\"sqbg\");\nconst cursor = document.getElementById(\"cursor\");\n// Background\nfunction AddSqrs(sq) {\n    while (sq > 0) {\n        let sqrel = document.createElement(\"div\");\n        sqrel.classList.add(\"sqr_block\");\n        sqrel.innerText = codes[Math.floor(Math.random() * codes.length)];\n        container.appendChild(sqrel);\n        sq--;\n    }\n}\nconst CalcGrid = () => {\n    container.innerHTML = \"\";\n    columns = Math.floor(window.innerWidth / size);\n    rows = Math.floor(window.innerHeight / size);\n    container.style.setProperty(\"--columns\", columns);\n    container.style.setProperty(\"--rows\", rows);\n    AddSqrs(columns * rows);\n};\nCalcGrid();\nwindow.onresize = () => CalcGrid();\nwindow.onmousemove = (ev) => {\n    const position = Math.floor(ev.x / 100) + Math.floor(ev.y / 100) * columns;\n    const el = container.children[position];\n    try {\n        el.animate({\n            opacity: [\n                0.2,\n                0.9,\n                1\n            ],\n            offset: [\n                0,\n                0.8\n            ],\n            easing: [\n                \"ease-in\",\n                \"ease-out\"\n            ]\n        }, 2000);\n    } catch (e) { }\n};"],"names":[],"version":3,"file":"index.79f76b5f.js.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.7c739efd.js b/index.7c739efd.js
new file mode 100644
index 0000000..2aeae2b
--- /dev/null
+++ b/index.7c739efd.js
@@ -0,0 +1,94 @@
+// Author: Itz-fork
+//  Pre-defined variables
+const size = 100;
+let columns = 0, rows = 0;
+const codes = [
+    "backend",
+    "frontend",
+    "full-stack",
+    "python",
+    "javascript",
+    "typescript",
+    "bash",
+    "dart",
+    "vlang",
+    "html",
+    "css",
+    "Arch btw",
+    "android",
+    "windows",
+    "deno",
+    "svelte",
+    "nuxt",
+    "git",
+    "docker",
+    "Fastapi",
+    "API",
+    "CLI",
+    "Web scraping",
+    "scripting",
+    "$ sudo -b",
+    "$ whoami",
+    "$ ifconfig",
+    "$ ping",
+    "$ route",
+    "$ netstat",
+    "pub fn",
+    "def hello()",
+    "while True",
+    "struct Code",
+    "interface Life"
+];
+const container = document.getElementById("sqbg");
+const cursor = document.getElementById("cursor");
+// Background
+function AddSqrs(sq) {
+    while(sq > 0){
+        let sqrel = document.createElement("div");
+        sqrel.classList.add("sqr_block");
+        sqrel.innerText = codes[Math.floor(Math.random() * codes.length)];
+        container.appendChild(sqrel);
+        sq--;
+    }
+}
+const CalcGrid = ()=>{
+    container.innerHTML = "";
+    columns = Math.floor(window.innerWidth / size);
+    rows = Math.floor(window.innerHeight / size);
+    container.style.setProperty("--columns", columns);
+    container.style.setProperty("--rows", rows);
+    AddSqrs(columns * rows);
+};
+CalcGrid();
+window.onresize = ()=>CalcGrid();
+window.onmousemove = (ev)=>{
+    const position = Math.floor(ev.x / 100) + Math.floor(ev.y / 100) * columns;
+    const el = container.children[position];
+    try {
+        el.animate({
+            opacity: [
+                0.2,
+                0.9,
+                1
+            ],
+            offset: [
+                0,
+                0.8
+            ],
+            easing: [
+                "ease-in",
+                "ease-out"
+            ]
+        }, 2000);
+    } catch (e) {}
+};
+// Scroll helper
+function SGotoUntil(untilV = window.innerHeight) {
+    window.scrollBy({
+        top: untilV,
+        left: 0,
+        behavior: "smooth"
+    });
+}
+
+//# sourceMappingURL=index.7c739efd.js.map
diff --git a/index.7c739efd.js.map b/index.7c739efd.js.map
new file mode 100644
index 0000000..f9c36a2
--- /dev/null
+++ b/index.7c739efd.js.map
@@ -0,0 +1 @@
+{"mappings":"AAAA,mBAAmB;AACnB,yBAAyB;AACzB,MAAM,OAAO;AACb,IAAI,UAAU,GAAG,OAAO;AACxB,MAAM,QAAQ;IACV;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH;AACD,MAAM,YAAY,SAAS,cAAc,CAAC;AAC1C,MAAM,SAAS,SAAS,cAAc,CAAC;AACvC,aAAa;AACb,SAAS,QAAQ,EAAE;IACf,MAAO,KAAK,EAAG;QACX,IAAI,QAAQ,SAAS,aAAa,CAAC;QACnC,MAAM,SAAS,CAAC,GAAG,CAAC;QACpB,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,MAAM,KAAK,MAAM,MAAM,EAAE;QACjE,UAAU,WAAW,CAAC;QACtB;IACJ;AACJ;AACA,MAAM,WAAW;IACb,UAAU,SAAS,GAAG;IACtB,UAAU,KAAK,KAAK,CAAC,OAAO,UAAU,GAAG;IACzC,OAAO,KAAK,KAAK,CAAC,OAAO,WAAW,GAAG;IACvC,UAAU,KAAK,CAAC,WAAW,CAAC,aAAa;IACzC,UAAU,KAAK,CAAC,WAAW,CAAC,UAAU;IACtC,QAAQ,UAAU;AACtB;AACA;AACA,OAAO,QAAQ,GAAG,IAAM;AACxB,OAAO,WAAW,GAAG,CAAC;IAClB,MAAM,WAAW,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO;IACnE,MAAM,KAAK,UAAU,QAAQ,CAAC,SAAS;IACvC,IAAI;QACA,GAAG,OAAO,CAAC;YACP,SAAS;gBACL;gBACA;gBACA;aACH;YACD,QAAQ;gBACJ;gBACA;aACH;YACD,QAAQ;gBACJ;gBACA;aACH;QACL,GAAG;IACP,EAAE,OAAO,GAAG,CAAE;AAClB;AAEA,gBAAgB;AAChB,SAAS,WAAW,SAAS,OAAO,WAAW;IAC3C,OAAO,QAAQ,CAAC;QACZ,KAAK;QACL,MAAM;QACN,UAAU;IACd;AACJ","sources":["src/js/effects.js"],"sourcesContent":["// Author: Itz-fork\n//  Pre-defined variables\nconst size = 100;\nlet columns = 0, rows = 0;\nconst codes = [\n    \"backend\",\n    \"frontend\",\n    \"full-stack\",\n    \"python\",\n    \"javascript\",\n    \"typescript\",\n    \"bash\",\n    \"dart\",\n    \"vlang\",\n    \"html\",\n    \"css\",\n    \"Arch btw\",\n    \"android\",\n    \"windows\",\n    \"deno\",\n    \"svelte\",\n    \"nuxt\",\n    \"git\",\n    \"docker\",\n    \"Fastapi\",\n    \"API\",\n    \"CLI\",\n    \"Web scraping\",\n    \"scripting\",\n    \"$ sudo -b\",\n    \"$ whoami\",\n    \"$ ifconfig\",\n    \"$ ping\",\n    \"$ route\",\n    \"$ netstat\",\n    \"pub fn\",\n    \"def hello()\",\n    \"while True\",\n    \"struct Code\",\n    \"interface Life\"\n];\nconst container = document.getElementById(\"sqbg\");\nconst cursor = document.getElementById(\"cursor\");\n// Background\nfunction AddSqrs(sq) {\n    while (sq > 0) {\n        let sqrel = document.createElement(\"div\");\n        sqrel.classList.add(\"sqr_block\");\n        sqrel.innerText = codes[Math.floor(Math.random() * codes.length)];\n        container.appendChild(sqrel);\n        sq--;\n    }\n}\nconst CalcGrid = () => {\n    container.innerHTML = \"\";\n    columns = Math.floor(window.innerWidth / size);\n    rows = Math.floor(window.innerHeight / size);\n    container.style.setProperty(\"--columns\", columns);\n    container.style.setProperty(\"--rows\", rows);\n    AddSqrs(columns * rows);\n};\nCalcGrid();\nwindow.onresize = () => CalcGrid();\nwindow.onmousemove = (ev) => {\n    const position = Math.floor(ev.x / 100) + Math.floor(ev.y / 100) * columns;\n    const el = container.children[position];\n    try {\n        el.animate({\n            opacity: [\n                0.2,\n                0.9,\n                1\n            ],\n            offset: [\n                0,\n                0.8\n            ],\n            easing: [\n                \"ease-in\",\n                \"ease-out\"\n            ]\n        }, 2000);\n    } catch (e) { }\n};\n\n// Scroll helper\nfunction SGotoUntil(untilV = window.innerHeight) {\n    window.scrollBy({\n        top: untilV,\n        left: 0,\n        behavior: \"smooth\"\n    });\n}"],"names":[],"version":3,"file":"index.7c739efd.js.map"}
\ No newline at end of file
diff --git a/index.86b34323.css b/index.86b34323.css
new file mode 100644
index 0000000..471681e
--- /dev/null
+++ b/index.86b34323.css
@@ -0,0 +1,50 @@
+a[data-linker] {
+  color: #9bf6ff;
+  -webkit-text-decoration: underline dotted #e5989b;
+  text-decoration: underline dotted #e5989b;
+}
+
+span[id="icon-py"] {
+  content: url("https://api.iconify.design/logos/python.svg");
+}
+
+span[id="icon-js"] {
+  content: url("https://api.iconify.design/logos/javascript.svg");
+}
+
+span[id="icon-ts"] {
+  content: url("https://api.iconify.design/logos/typescript-icon.svg");
+}
+
+span[id="icon-rs"] {
+  content: url("https://api.iconify.design/logos/rust.svg");
+  filter: invert(34%) sepia(58%) saturate(4679%) hue-rotate(8deg) brightness(102%) contrast(103%);
+}
+
+span[id="icon-sh"] {
+  content: url("https://api.iconify.design/logos/bash-icon.svg");
+}
+
+span[id="icon-dart"] {
+  content: url("https://api.iconify.design/logos/dart.svg");
+}
+
+span[id="icon-vlang"] {
+  content: url("https://api.iconify.design/logos/vlang.svg");
+}
+
+span[id="icon-gh"] {
+  content: url("https://api.iconify.design/logos/github-icon.svg");
+  filter: invert(99%) sepia(0%) saturate(122%) hue-rotate(35deg) brightness(112%) contrast();
+}
+
+span[id="icon-email"] {
+  content: url("https://api.iconify.design/logos/google-gmail.svg");
+}
+
+span[id="icon-tele"] {
+  content: url("https://api.iconify.design/logos/telegram.svg");
+  transform: scale(1.3);
+}
+
+/*# sourceMappingURL=index.86b34323.css.map */
diff --git a/index.86b34323.css.map b/index.86b34323.css.map
new file mode 100644
index 0000000..9d2fef0
--- /dev/null
+++ b/index.86b34323.css.map
@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA","sources":["src/css/extras.css"],"sourcesContent":["a[data-linker] {\n    color: #9bf6ff;\n    -webkit-text-decoration: underline dotted #e5989b;\n    text-decoration: underline dotted #e5989b;\n}\n\nspan[id=\"icon-py\"] {\n    content: url(\"https://api.iconify.design/logos/python.svg\");\n}\n\nspan[id=\"icon-js\"] {\n    content: url(\"https://api.iconify.design/logos/javascript.svg\");\n}\n\nspan[id=\"icon-ts\"] {\n    content: url(\"https://api.iconify.design/logos/typescript-icon.svg\");\n}\n\nspan[id=\"icon-rs\"] {\n    content: url(\"https://api.iconify.design/logos/rust.svg\");\n    filter: invert(34%) sepia(58%) saturate(4679%) hue-rotate(8deg) brightness(102%) contrast(103%);\n}\n\nspan[id=\"icon-sh\"] {\n    content: url(\"https://api.iconify.design/logos/bash-icon.svg\");\n}\n\nspan[id=\"icon-dart\"] {\n    content: url(\"https://api.iconify.design/logos/dart.svg\");\n}\n\nspan[id=\"icon-vlang\"] {\n    content: url(\"https://api.iconify.design/logos/vlang.svg\");\n}\n\nspan[id=\"icon-gh\"] {\n    content: url(\"https://api.iconify.design/logos/github-icon.svg\");\n    filter: invert(99%) sepia(0%) saturate(122%) hue-rotate(35deg) brightness(112%) contrast();\n}\n\nspan[id=\"icon-email\"] {\n    content: url(\"https://api.iconify.design/logos/google-gmail.svg\");\n}\n\nspan[id=\"icon-tele\"] {\n    content: url(\"https://api.iconify.design/logos/telegram.svg\");\n    transform: scale(1.3);\n}"],"names":[],"version":3,"file":"index.86b34323.css.map"}
\ No newline at end of file
diff --git a/index.fd07ad63.css b/index.fd07ad63.css
new file mode 100644
index 0000000..ce8f3a8
--- /dev/null
+++ b/index.fd07ad63.css
@@ -0,0 +1,50 @@
+a[data-linker] {
+  color: #9bf6ff;
+  -webkit-text-decoration: underline dotted #e5989b;
+  text-decoration: underline dotted #e5989b;
+}
+
+span[id="icon-py"] {
+  content: url("https://api.iconify.design/logos/python.svg");
+}
+
+span[id="icon-js"] {
+  content: url("https://api.iconify.design/logos/javascript.svg");
+}
+
+span[id="icon-ts"] {
+  content: url("https://api.iconify.design/logos/typescript-icon.svg");
+}
+
+span[id="icon-rs"] {
+  content: url("https://api.iconify.design/logos/rust.svg");
+  filter: invert(34%) sepia(58%) saturate(4679%) hue-rotate(8deg) brightness(102%) contrast(103%);
+}
+
+span[id="icon-sh"] {
+  content: url("https://api.iconify.design/logos/bash-icon.svg");
+}
+
+span[id="icon-dart"] {
+  content: url("https://api.iconify.design/logos/dart.svg");
+}
+
+span[id="icon-vlang"] {
+  content: url("https://api.iconify.design/logos/vlang.svg");
+}
+
+span[id="icon-gh"] {
+  content: url("https://api.iconify.design/logos/github-icon.svg");
+  filter: invert(99%) sepia(0%) saturate(122%) hue-rotate(35deg) brightness(112%) contrast();
+}
+
+span[id="icon-email"] {
+  content: url("https://api.iconify.design/logos/google-gmail.svg");
+}
+
+span[id="icon-tele"] {
+  content: url("https://api.iconify.design/logos/telegram.svg");
+  transform: scale(1.3);
+}
+
+/*# sourceMappingURL=index.fd07ad63.css.map */
diff --git a/index.fd07ad63.css.map b/index.fd07ad63.css.map
new file mode 100644
index 0000000..334a2e3
--- /dev/null
+++ b/index.fd07ad63.css.map
@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA","sources":["src/css/extras.css"],"sourcesContent":["a[data-linker] {\n    color: #9bf6ff;\n    -webkit-text-decoration: underline dotted #e5989b;\n    text-decoration: underline dotted #e5989b;\n}\n\nspan[id=\"icon-py\"] {\n    content: url(\"https://api.iconify.design/logos/python.svg\");\n}\n\nspan[id=\"icon-js\"] {\n    content: url(\"https://api.iconify.design/logos/javascript.svg\");\n}\n\nspan[id=\"icon-ts\"] {\n    content: url(\"https://api.iconify.design/logos/typescript-icon.svg\");\n}\n\nspan[id=\"icon-rs\"] {\n    content: url(\"https://api.iconify.design/logos/rust.svg\");\n    filter: invert(34%) sepia(58%) saturate(4679%) hue-rotate(8deg) brightness(102%) contrast(103%);\n}\n\nspan[id=\"icon-sh\"] {\n    content: url(\"https://api.iconify.design/logos/bash-icon.svg\");\n}\n\nspan[id=\"icon-dart\"] {\n    content: url(\"https://api.iconify.design/logos/dart.svg\");\n}\n\nspan[id=\"icon-vlang\"] {\n    content: url(\"https://api.iconify.design/logos/vlang.svg\");\n}\n\nspan[id=\"icon-gh\"] {\n    content: url(\"https://api.iconify.design/logos/github-icon.svg\");\n    filter: invert(99%) sepia(0%) saturate(122%) hue-rotate(35deg) brightness(112%) contrast();\n}\n\nspan[id=\"icon-email\"] {\n    content: url(\"https://api.iconify.design/logos/google-gmail.svg\");\n}\n\nspan[id=\"icon-tele\"] {\n    content: url(\"https://api.iconify.design/logos/telegram.svg\");\n    transform: scale(1.3);\n}"],"names":[],"version":3,"file":"index.fd07ad63.css.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..94fd537
--- /dev/null
+++ b/index.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="/index.2574d2a5.css">
+  <link rel="stylesheet" href="/index.86b34323.css">
+  <title>Hirusha Himath - Itz-fork</title>
+</head>
+
+<body>
+  <div id="sqbg">
+
+  </div>
+  <!-- Home section -->
+  <section id="main">
+    <span class="greet">Hi 👋, I'm</span>
+
+    <h1>Hirusha</h1>
+
+    <p>A teenager who loves to build stuff</p><br>
+
+    <a onclick="SGotoUntil()"><button class="gradnime">Lean more _*</button></a>
+  </section>
+
+
+  <!-- About section -->
+  <section id="about" data-aos="fade-up">
+    <h2>About me</h2>
+    <p>
+      I'm Hirusha Himath (aka @Itz-fork), a full-stack developer from Sri Lanka 🇱🇰. Getting fascinated by things that
+      a 2kg chunk of metal could do, I started my journy as a backend developer with Python in late-2018. As the time
+      went on my desire to learn about technology increased to the point where I became addicted to it. <br><br>
+      Over the next 5 years, I learned more and more things about computers and softwares. Needless to say, during those
+      years I also learnt about front-end development thus making me a full-stack developer.
+      Check out <a onclick="SGotoUntil()" data-linker="">my skills</a> 💪
+    </p>
+  </section>
+
+  <!-- Skills section -->
+
+  <section id="skills">
+    <h2>Skills </h2>
+
+    <p>
+      After starting my journy as a developer with Python, I never felt the need for a language outside it, until I
+      wanted more light-weight and performant applications. In order to fullfill those requirements I started learning
+      various laguages from Javascript to Rust. Below are all the languages that I had experience with 👇
+    </p>
+
+    <div>
+      <button class="gradnime"><span id="icon-py"></span> Python</button>
+      <button class="gradnime"><span id="icon-js"></span> Javascript</button>
+      <button class="gradnime"><span id="icon-ts"></span> TypeScript</button>
+      <button class="gradnime"><span id="icon-rs"></span> Rust</button>
+      <button class="gradnime"><span id="icon-sh"></span> Bash</button>
+      <button class="gradnime"><span id="icon-dart"></span> Dart</button>
+      <button class="gradnime"><span id="icon-vlang"></span> Vlang</button>
+    </div>
+  </section>
+
+  <footer>
+    <span class="footer_text">Copyright (c) 2023 Hirusha</span>
+    <div>
+      <a href="https://github.com/Itz-fork"><button class="sc_btns"><span id="icon-gh"></span> Github</button></a>
+      <a href="mailto:git.itzfork@gmail.com"><button class="sc_btns"><span id="icon-email"></span> Email</button></a>
+      <a href="https://t.me/Bruh_0x"><button class="sc_btns"><span id="icon-tele"></span> Telegram</button></a>
+    </div>
+  </footer>
+
+
+  <script src="/index.7c739efd.js"></script>
+</body>
+
+</html>
\ No newline at end of file