commit 0288af16f657e36af3b7070cef8a03d53e153923
parent 9bf419782cefdcba4552271405326f09c2d35fa6
Author: pyratebeard <root@pyratebeard.net>
Date: Mon, 27 May 2019 11:21:39 +0100
redesign complete
Diffstat:
4 files changed, 118 insertions(+), 0 deletions(-)
diff --git a/index.html b/index.html
@@ -0,0 +1,52 @@
+<html>
+<head>
+ <link href="/static/css/style.css" rel="stylesheet">
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
+</head>
+<body>
+ <div class="container">
+ <div class="section">
+ <img src="/static/img/rootimg.png"/>
+ </div>
+ <div class="section">
+ <header>
+ <h1>pyratebeard <dot> net</h1>
+ </header>
+ <div class="subsection">
+ <h2>me</h2>
+ <p>A professional Linux engineer based in Dublin, IE. I have years of experience in the infosec world, currently working in the devops team at an IT security company.</p>
+ </div>
+ <div class="subsection">
+ <h2>log</h2>
+ <p>Occassionally I will <a href="http://log.pyratebeard.net">post articles</a> related to technology, security, free and open source software, and tips or tricks that I have found useful.</p>
+ </div>
+ <div class="subsection">
+ <h2>code</h2>
+ <p>Some of the code that I write or use can be found in repositories on my <a href="http://git.pyratebeard.net">git server</a> or on <a href="https://gitlab.com/pyratebeard">gitlab</a>/<a href="https://github.com/pyratebeard">github</a>.</p>
+ </div>
+ <div class="subsection">
+ <h2>comms</h2>
+ <p>If you would like to reach out my addresses are:</p>
+ <ul>
+ <li>root <at> pyratebeard <dot> net</li>
+ <li>pyratebeard <at> protonmail <dot> com</li>
+ </ul>
+ <p>For more direct contact message me on IRC:</p>
+ <ul>
+ <li>pyrtbrd @ <a href="https://unix.chat">unix.chat</a></li>
+ <li>pyratebeard @ <a href="https://geekshed.net">geekshed</a></li>
+ </ul>
+ <p>You can also connect with me on <a href="https://mastodon.social/@pyratebeard">mastodon</a> or <a href="https://twitter.com/pyratebeard">twitter</a>.
+ </div>
+ <div class="subsection">
+ <h4>encrypt</h4>
+ <p>If you would like to communicate securely my PGP key can be found <a href="http://pyratebeard.net/pgp.pub">here</a>, or incant:</p>
+ <pre>curl http://pyratebeard.net/pgp.pub | gpg --import</pre>
+ <code>7A8E 129D BE67 9DAB AEB3 37C5 C787 7C71 5113 A16D</code>
+ <p/>
+ <p>Identity proof can be found on <a href="https://keybase.io/pyratebeard">keybase</a>.
+ </div>
+ </div>
+ </div>
+</body>
+</html>
diff --git a/static/css/style.css b/static/css/style.css
@@ -0,0 +1,66 @@
+@font-face {
+ font-family: 'saxmono';
+ src: url('/static/fnt/saxmono-webfont.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+body {
+ background-color: #202224;
+ color: #beced0;
+ font-family: "saxmono";
+ font-size: 16px
+}
+
+.container {
+ display: flex;
+ flex-wrap: wrap
+}
+.section {
+ margin: 20px;
+ max-width: 599px
+}
+h1,h2,h3,h4,h5 {
+ text-transform: uppercase
+}
+
+h1 {
+ color: #cd6e42
+}
+
+h2,h3,h4,h5 {
+ color: #646086
+}
+
+a {
+ color: #62a8b2;
+ text-decoration: none
+}
+
+a:active,a:hover,a:focus {
+ color: #33708c
+}
+
+ul {
+ list-style: ': '
+}
+
+code {
+ background-color: #364047;
+ font-family: "saxmono";
+ font-size: 14px;
+ padding: 0px 3px 0px 3px;
+ border-radius: 5px
+}
+
+pre {
+ color: #dceef1;
+ background-color: #161719;
+ font-family: "saxmono";
+ font-size: 14px;
+ padding: 9.5px;
+ border: 1px solid #76b660;
+ border-radius: 5px;
+ display: table
+}
+
diff --git a/static/fnt/saxmono-webfont.woff b/static/fnt/saxmono-webfont.woff
Binary files differ.
diff --git a/static/img/rootimg.png b/static/img/rootimg.png
Binary files differ.
