New site design! Signed-off-by: Anirudh Oppiliappan <x@icyphox.sh>
Anirudh Oppiliappan x@icyphox.sh
Tue, 24 Mar 2020 16:26:26 +0530
8 files changed,
233 insertions(+),
182 deletions(-)
M
config.py
→
config.py
@@ -1,21 +1,59 @@
# config.py - Vite's configuration script -title = 'icyphox' -author = '' -header = """ - <div class="navbar"> - <a href="/">home</a> - <a href="/blog">blog</a> - <a href="/friends">friends</a> - <a href="/about">about</a> +title = "icyphox" +author = "" +header = """<a href="/"><- back</a>""" + +# actually the sidebar +footer = """ + <img class="logo" src="/static/icyphox.png" alt="icyphox's avatar" /> + <p class="muted"> + Memeing security since forever. + </p> + + <p> + <span class="sidebar-link">email</span> + <br> + <a href="mailto:x@icyphox.sh">x@icyphox.sh</a> + </p> + + <p> + <span class="sidebar-link">github</span> + <br> + <a href="https://github.com/icyphox">icyphox</a> + </p> + + <p> + <span class="sidebar-link">twitter</span> + <br> + <a href="https://twitter.com/icyphox">icyphox</a> + </p> + + + <p> + <span class="sidebar-link">pgp</span> + <br> + <a href="/static/gpg.txt">0x8A93F96F78C5D4C4</a> + </p> + + <h3>friends</h3> + <p> + Some of <a href="/friends">my friends</a> and internet bros. + </p> + + <h3>about</h3> + <p> + More <a href="/about">about me</a> and my work. + </p> + + <div class="license"> + <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"> + <img class="footimgs" src="/static/cc.svg"> + </a> + <a href="https://webring.xxiivv.com/#random" target="_blank"> + <img class="footimgs" alt="xxiivv webring" src="/static/webring.svg"> + </a> </div> -""" -footer = """<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"> - <img class="footimgs" src="/static/cc.svg"> - </a> - <a href="https://webring.xxiivv.com/#random" target="_blank"> - <img class="footimgs" alt="xxiivv webring" src="/static/webring.svg"> - </a> """ template = 'text.html' # default is index.html -post_build = ['./bin/rss.py', './bin/plaintext.sh', './bin/update_index.py'] +# post_build = ['./bin/rss.py', './bin/plaintext.sh', './bin/update_index.py']
M
pages/404.html
→
pages/404.html
@@ -18,11 +18,9 @@ <meta property="og:url" content="https://icyphox.sh">
<meta property="og:image" content="/static/icyphox.png"> <link rel="stylesheet" href="/static/style.css" type="text/css"> <html> -<div class="container"> - <div class="introduction"> - <p align="center"> - <b>404</b> │ nothing like that here - </p> - </div> +<div class="content"> + <p align="center"> + <b>404</b> │ nothing like that here + </p> </div> </html>
M
pages/_index.md
→
pages/_index.md
@@ -1,14 +1,11 @@
--- template: index.html -title: icyphox -subtitle: Memeing security since forever. +title: blog +subtitle: Computers, security & computer security. --- -<h1 align=center> - <img src=/static/icynobg.svg class=logo> -</h1> - -# latest posts ([see all](/blog)) +# блог ([rss](/blog/feed.xml)) +## Computers, security & computer security. | | | | :-- | --: |@@ -17,3 +14,24 @@ | [Nullcon 2020](/blog/nullcon-2020) | 2020-03-09 |
| [Setting up Prosody for XMPP](/blog/prosody) | 2020-02-18 | | [Status update](/blog/2020-01-18) | 2020-01-18 | | [Vimb: my Firefox replacement](/blog/mnml-browsing) | 2020-01-16 | +| [Five days in a TTY](/blog/five-days-tty) | 2020-01-13 | +| [2019 in review](/blog/2019-in-review) | 2020-01-02 | +| [Disinfo war: RU vs GB](/blog/ru-vs-gb) | 2019-12-12 | +| [Instagram OPSEC](/blog/ig-opsec) | 2019-12-02 | +| [Save .ORG!](/blog/save-org) | 2019-11-23 | +| [Status update](/blog/2019-11-16) | 2019-11-16 | +| [IRC for DMs](/blog/irc-for-dms) | 2019-11-03 | +| [The intelligence conundrum](/blog/intel-conundrum) | 2019-10-28 | +| [Hacky scripts](/blog/hacky-scripts) | 2019-10-24 | +| [Status update](/blog/2019-10-17) | 2019-10-16 | +| [PyCon India 2019 wrap-up](/blog/pycon-wrap-up) | 2019-10-15 | +| [Thoughts on digital minimalism](/blog/digital-minimalism) | 2019-10-05 | +| [Weekly status update](/blog/2019-09-27) |2019-09-27| +| [Weekly status update](/blog/2019-09-17) |2019-09-17| +| [Disinformation demystified](/blog/disinfo) |2019-09-10| +| [Setting up my personal mailserver](/blog/mailserver) |2019-08-15| +| [Picking the FB50 smart lock](/blog/fb50) |2019-08-06| +| [ROP on ARM32](/blog/rop-on-arm) |2019-06-06| +| [My Setup](/blog/my-setup) |2019-05-13| +| [Python for Reverse Engineering](/blog/python-for-re-1/)|2019-02-08| +
D
pages/blog/_index.md
@@ -1,37 +0,0 @@
---- -template: blogindex.html -title: blog -subtitle: Computers, security & computer security. ---- - -# блог ([rss](/blog/feed.xml)) -## Computers, security & computer security. - -| | | -| :-- | --: | -| [COVID-19 disinformation](/blog/covid19-disinfo) | 2020-03-15 | -| [Nullcon 2020](/blog/nullcon-2020) | 2020-03-09 | -| [Setting up Prosody for XMPP](/blog/prosody) | 2020-02-18 | -| [Status update](/blog/2020-01-18) | 2020-01-18 | -| [Vimb: my Firefox replacement](/blog/mnml-browsing) | 2020-01-16 | -| [Five days in a TTY](/blog/five-days-tty) | 2020-01-13 | -| [2019 in review](/blog/2019-in-review) | 2020-01-02 | -| [Disinfo war: RU vs GB](/blog/ru-vs-gb) | 2019-12-12 | -| [Instagram OPSEC](/blog/ig-opsec) | 2019-12-02 | -| [Save .ORG!](/blog/save-org) | 2019-11-23 | -| [Status update](/blog/2019-11-16) | 2019-11-16 | -| [IRC for DMs](/blog/irc-for-dms) | 2019-11-03 | -| [The intelligence conundrum](/blog/intel-conundrum) | 2019-10-28 | -| [Hacky scripts](/blog/hacky-scripts) | 2019-10-24 | -| [Status update](/blog/2019-10-17) | 2019-10-16 | -| [PyCon India 2019 wrap-up](/blog/pycon-wrap-up) | 2019-10-15 | -| [Thoughts on digital minimalism](/blog/digital-minimalism) | 2019-10-05 | -| [Weekly status update](/blog/2019-09-27) |2019-09-27| -| [Weekly status update](/blog/2019-09-17) |2019-09-17| -| [Disinformation demystified](/blog/disinfo) |2019-09-10| -| [Setting up my personal mailserver](/blog/mailserver) |2019-08-15| -| [Picking the FB50 smart lock](/blog/fb50) |2019-08-06| -| [ROP on ARM32](/blog/rop-on-arm) |2019-06-06| -| [My Setup](/blog/my-setup) |2019-05-13| -| [Python for Reverse Engineering](/blog/python-for-re-1/)|2019-02-08| -
M
static/style.css
→
static/style.css
@@ -29,31 +29,98 @@ .navbar {
margin: 2px 0; } +.sidebar-link { + font-size: 15px; + color: var(--dark); +} + +.container { + padding-top: 1%; + display: grid; + grid-template-columns: repeat(12, 1fr); +} + +.pull-right { + padding-top: 20%; + padding-left: 7%; + text-align: left; + grid-column: 1 / 12; + grid-row: 2; +} + +.pull-right p:not(:last-child) { + padding: 0px; + margin: 0px; + padding-top: 2%; + padding-left: 3%; + padding-bottom: 3%; +} + +.pull-right h3 { + color: var(--dark); + padding: 0px; + margin: 0px; + padding-top: 7%; + padding-left: 3%; +} + +.pull-left { + grid-column: 1 / 12; + grid-row: 1; +} + +.sep { + display: visible; +} + .content { text-align: left; margin: 0 auto; - padding: 2rem 0; - width: 97%; - max-width: 650px; + padding: 0 3rem; } @media only screen and (min-width: 1080px) { + .pull-right { + text-align: left; + grid-column: 10; + grid-row: 1; + } + + .sep { + display: hidden; + } + + .pull-left { + grid-column: 3 / 10; + grid-row: 1; + } .content { margin: 0 auto; - width: 50%; - max-width: 650px; } + html { font-size: 18px; } } @media only screen and (min-width: 1400px) { + .pull-right { + text-align: left; + grid-column: 9; + grid-row: 1; + } + + .sep { + display: hidden; + } + .pull-left { + grid-column: 4 / 9; + grid-row: 1; + } .content { margin: 0 auto; - width: 50%; - max-width: 650px; } + html { font-size: 18px; }@@ -74,29 +141,14 @@ }
code { - color: var(--cyan); - padding: 2px; - border: 0px solid transparent; - border-radius: 5px; - border-bottom: unset; -} - -.intro { - display: flex; - flex-direction: column; - justify-content: center; + color: var(--cyan); padding: 2px; + border: 0px solid transparent; + border-radius: 5px; + border-bottom: unset; } .logo { - width: 220px; - padding-bottom: 60px; -} - -.tagline { - font-size: 25px; - font-style: monospace; - color: var(--gray); - text-align: center; + width: 180px; } footer {@@ -112,8 +164,8 @@ color: var(--cyan);
top: 30px; display: inline-block; width: 100%; - align: center; - text-align: center; + text-align: left; + padding-bottom: 2%; } header a {@@ -130,7 +182,7 @@ }
.muted a { color: var(--cyan); - border-bottom: unset; + border-bottom: unset; } table {@@ -159,27 +211,10 @@ }
a:hover { color: var(--dark); - background: var(--light-gray); + background: var(--light-gray); border-bottom: 1px solid var(--cyan); } -.left { - display: inline-block; - margin-bottom: 30px; - margin-left: 0; - margin-right: 30px; -} - -.right { - display: inline-block; -} - -.right a { - display: inline-block; - margin-right: 30px; -} - - img { max-width: 100%; margin: 0 auto;@@ -189,28 +224,13 @@ border-radius: 5px;
} -footer img { - all: initial; -} - -.footimgs { - padding-top: 10px; - max-height: 2rem; - display: inline-block; - vertical-align: text-top; - image-orientation: from-image; - max-width: 100%; - padding-bottom: 5px; - cursor: pointer; -} - -footer a { +.license a { color: unset; background: unset; border-bottom: unset; } -footer a:hover { +.license a:hover { color: unset; background: unset; border-bottom: unset;@@ -256,25 +276,23 @@ color: white;
} @media only screen and (max-width: 70em) { - .left { - display: block; - margin-right: 0; - } - .right { - display: block; - } - .right a { - margin-right: 15px; - } - .right a:last-child { - margin-right: 0; - } - pre { overflow-x: auto; } +} - .logo { - width: 180px; - } +.license img { + all: initial; +} + +.license img { + padding-left: 3%; + padding-top: 10px; + max-height: 2rem; + display: inline-block; + vertical-align: text-top; + image-orientation: from-image; + max-width: 100%; + padding-bottom: 5px; + cursor: pointer; }
M
templates/about.html
→
templates/about.html
@@ -21,15 +21,23 @@ <meta property="og:image" content="/static/icyphox.png">
<title> {{ title }} </title> - <header> - {{ header }} - </header> <body> - <div class="content"> - {{ body }} - </div> + <section class="container"> + + <div class="pull-left"> + <div class="content"> + + <header> + {{ header }} + </header> + + + {{ body }} + </div> + </div> + <div class="pull-right"> + {{ footer }} + </div> + </section> </body> - <footer> - {{ footer }} - </footer> </html>
M
templates/index.html
→
templates/index.html
@@ -22,12 +22,16 @@
<title> {{ title }} </title> - <header> - {{ header }} - </header> <body> - <div class="content"> - {{ body }} - </div> + <section class="container"> + <div class="pull-left"> + <div class="content"> + {{ body }} + </div> + </div> + <div class="pull-right"> + {{ footer }} + </div> + </section> </body> </html>
M
templates/text.html
→
templates/text.html
@@ -22,28 +22,32 @@ <meta property="og:image" content="/static/icyphox.png">
<title> {{ title }} </title> - <header class="header"> - {{ header }} - </header> <body> - <div class="content"> - <div style="float: right"> - view in <a href="/txt/{{ url }}">plain-text</a> - </div> - <div style="float: left"> - {{ date }} + <div class="container"> + <div class="pull-left"> + <div class="content"> + <header> + {{ header }} + </header> + <div style="float: right"> + view in <a href="/txt/{{ url }}">plain-text</a> + </div> + <div style="float: left"> + {{ date }} + </div> + <div style="clear: both" align="left"> + <h1>{{ title }}</h1> + <h2 class="subtitle">{{ subtitle }}</h2> + {{ body }} + </div> + <p class="muted">Questions or comments? + Send an email to + <a href="mailto:~icyphox/x@lists.sr.ht?Subject=Re: {{ title }}">~icyphox/x@lists.sr.ht</a>—my <a href="https://lists.sr.ht/~icyphox/x">public inbox</a>.</p> + </div> </div> - <div style="clear: both" align="left"> - <h1>{{ title }}</h1> - <h2 class="subtitle">{{ subtitle }}</h2> - {{ body }} + <div class="pull-right"> + {{ footer }} </div> - <p class="muted">Questions or comments? - Send an email to - <a href="mailto:~icyphox/x@lists.sr.ht?Subject=Re: {{ title }}">~icyphox/x@lists.sr.ht</a>—my <a href="https://lists.sr.ht/~icyphox/x">public inbox</a>.</p> </div> </body> - <footer> - {{ footer }} - </footer> </html>