Completely remove JavaScript.

This commit is contained in:
Gabriel Simmer 2021-03-02 10:52:52 +00:00
parent cf40f607a8
commit fbc23b5c77
No known key found for this signature in database
GPG key ID: 33BA4D83B160A0A9
2 changed files with 17 additions and 40 deletions

View file

@ -1,22 +0,0 @@
class GithubRepoElement extends HTMLElement {
constructor() {
super();
// Create a shadow root
var shadow = this.attachShadow({mode: 'open'});
// Create spans
var wrapper = document.createElement('a');
wrapper.setAttribute("class","github-repo");
const link = document.createAttribute("href");
link.value = `https://github.com/${this.innerHTML}`
wrapper.attributes.setNamedItem(link);
wrapper.innerText = this.innerHTML;
var style = document.createElement('style');
style.textContent = '.github-repo { color: #0FA0CE; }'
shadow.appendChild(style)
shadow.appendChild(wrapper);
}
}
customElements.define('github-repo', GithubRepoElement)

View file

@ -5,7 +5,7 @@
<title>Gabriel Simmer</title>
<meta name="description" content="Gabriel Simmer's Portfolio / Landing Page" />
<meta name="author" content="Gabriel Simmer" />
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" type="text/css" href="/assets/stylesheet.css" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🏳️‍🌈</text></svg>">
</head>
@ -37,27 +37,27 @@
<h3>Projects</h3>
<div class="project">
<h4>Platypus <span class="pill go">Go</span></h4>
<p>Large-scale server usage monitoring leveraging websockets. <github-repo>gmemstr/platypus</github-repo></p>
<p>Large-scale server usage monitoring leveraging websockets. <a href="https://github.com/gmemstr/platypus">gmemstr/platypus</a></p>
</div>
<div class="project">
<h4>pogo <span class="pill go">Go</span></h4>
<p>Self-hosted podcast content manager and RSS feed generator. <github-repo>gmemstr/pogo</github-repo></p>
<p>Self-hosted podcast content manager and RSS feed generator. <a href="https://github.com/gmemstr/pogo">gmemstr/pogo</a></p>
</div>
<div class="project">
<h4>sliproad <span class="pill go">Go</span></h4>
<p>Tie together file storage providers in a single unified interface and API. <github-repo>gmemstr/sliproad</github-repo></p>
<p>Tie together file storage providers in a single unified interface and API. <a href="https://github.com/gmemstr/sliproad">gmemstr/sliproad</a></p>
</div>
<div class="project">
<h4>Deploy <span class="pill flutter">Flutter</span> <span class="pill">Dart</span></h4>
<p>CircleCI mobile client. <github-repo>gmemstr/deploy-app</github-repo></p>
<p>CircleCI mobile client. <a href="https://github.com/gmemstr/deploy-app">gmemstr/deploy-app</a></p>
</div>
<div class="project">
<h4>Database Janitor <span class="pill php">PHP</span></h4>
<p>Create sanitized database dumps. <github-repo>gmemstr/database-janitor</github-repo></p>
<p>Create sanitized database dumps. <a href="https://github.com/gmemstr/database-janitor">gmemstr/database-janitor</a></p>
</div>
<div class="project">
@ -68,45 +68,44 @@
<div class="six columns">
<h3>Experiments</h3>
<div class="experiment">
<h4>epaper-dashboard <span class="pill python">Python</span></h4>
<p>Small epaper dashboard for the Raspberry Pi and Wavehat epaper display. <github-repo>gmemstr/epaper-dashboard</github-repo></p>
<h4>eink-dashboard <span class="pill">Python</span></h4>
<p>Lightweight eink dashboard/display using a Raspberry Pi. <a href="https://github.com/gmemstr/eink-dashboard">gmemstr/eink-dashboard</a></p>
</div>
<div class="experiment">
<h4>dotfiles <span class="pill">Shell</span></h4>
<p>Configuration files for Linux installations. <github-repo>gmemstr/dotfiles</github-repo></p>
<p>Configuration files for Linux installations. <a href="https://github.com/gmemstr/dotfiles">gmemstr/dotfiles</a></p>
</div>
<div class="experiment">
<h4>REPLNote <span class="pill clojure">Clojure</span></h4>
<p>Notepad with embeded Clojure REPL. <github-repo>gmemstr/replnote</github-repo></p>
<p>Notepad with embeded Clojure REPL. <a href="https://github.com/gmemstr/replnote">gmemstr/replnote</a></p>
</div>
<div class="experiment">
<h4>banana-clj <span class="pill clojure">Clojure</span></h4>
<p>Encode your data as the word "banana". <github-repo>gmemstr/banana-clj</github-repo></p>
<p>Encode your data as the word "banana". <a href="https://github.com/gmemstr/banana-clj">gmemstr/banana-clj</a></p>
</div>
<div class="experiment">
<h4>whalepod <span class="pill rust">Rust</span></h4>
<p>Quicky generate Dockerfiles based on a template. <github-repo>gmemstr/whalepod</github-repo></p>
<p>Quicky generate Dockerfiles based on a template. <a href="https://github.com/gmemstr/whalepod">gmemstr/whalepod</a></p>
</div>
<div class="experiment">
<h4>gmem.ca <span class="pill">HTML</span> <span class="pill javascript">JavaScript</span> <span class="pill">CSS</span></h4>
<p>Random HTML/JS/CSS experiements using Vercel functions. <github-repo>gmemstr/gmem.ca</github-repo></p>
<p>Random HTML/JS/CSS experiements using Vercel functions. <a href="https://github.com/gmemstr/gmem.ca">gmemstr/gmem.ca</a></p>
</div>
<div class="experiment">
<h4>circleci-api-scripts <span class="pill python">Python</span></h4>
<p>Collection of scripts for interacting with the CircleCI APIs and collecting data. <github-repo>gmemstr/circleci-api-scripts</github-repo></p>
<p>Collection of scripts for interacting with the CircleCI APIs and collecting data. <a href="https://github.com/gmemstr/circleci-api-scripts">gmemstr/circleci-api-scripts</a></p>
</div>
<div class="experiment">
<h4>no-swears <span class="pill javascript">JavaScript</span></h4>
<p>Small module for removing swear words from strings. <github-repo>gmemstr/no-swears</github-repo></p>
<p>Small module for removing swear words from strings. <a href="https://github.com/gmemstr/no-swears">gmemstr/no-swears</a></p>
</div>
<div class="experiment">
<h4>GTFO Terminal OCR <span class="pill python">Python</span></h4>
<p>Analyze terminals from the "GTFO" game and extract information. <github-repo>gmemstr/gtfo-terminal-ocr</github-repo></p>
<p>Analyze terminals from the "GTFO" game and extract information. <a href="https://github.com/gmemstr/gtfo-terminal-ocr">gmemstr/gtfo-terminal-ocr</a></p>
</div>
</div>
</div>
</div>
<script src="/assets/app.js"></script>
</body>
</html>