From 47e000d2354cc23ba530f3012a35a4b671fe0f32 Mon Sep 17 00:00:00 2001 From: Adam Spragg Date: Wed, 6 Jun 2018 17:12:03 +0100 Subject: Add icons to the website sub-headings Also add an /about page with licensing info for the icons, as well as links to their sources, and other random trivia and nerdery. --- html/about | 88 +++++++++++ html/contact | 2 +- html/img/Netscape_icon.svg | 191 +++++++++++++++++++++++ html/img/neovim-mark.svg | 27 ++++ html/img/whatwg-logo.svg | 4 + html/index.php | 24 ++- html/privacy | 13 +- html/src/faenza-icon-theme-1.3.1 | 1 + html/src/faenza-icon-theme_1.3.1-1.debian.tar.xz | 1 + html/src/faenza-icon-theme_1.3.1-1.dsc | 1 + html/src/faenza-icon-theme_1.3.1.orig.tar.gz | 1 + html/src/oxygen-icons5-5.28.0 | 1 + html/src/oxygen-icons5_5.28.0-1.debian.tar.xz | 1 + html/src/oxygen-icons5_5.28.0-1.dsc | 1 + html/src/oxygen-icons5_5.28.0.orig.tar.xz | 1 + html/style/main.css | 12 ++ 16 files changed, 356 insertions(+), 13 deletions(-) create mode 100644 html/about create mode 100644 html/img/Netscape_icon.svg create mode 100644 html/img/neovim-mark.svg create mode 100644 html/img/whatwg-logo.svg create mode 120000 html/src/faenza-icon-theme-1.3.1 create mode 120000 html/src/faenza-icon-theme_1.3.1-1.debian.tar.xz create mode 120000 html/src/faenza-icon-theme_1.3.1-1.dsc create mode 120000 html/src/faenza-icon-theme_1.3.1.orig.tar.gz create mode 120000 html/src/oxygen-icons5-5.28.0 create mode 120000 html/src/oxygen-icons5_5.28.0-1.debian.tar.xz create mode 120000 html/src/oxygen-icons5_5.28.0-1.dsc create mode 120000 html/src/oxygen-icons5_5.28.0.orig.tar.xz diff --git a/html/about b/html/about new file mode 100644 index 0000000..acf66aa --- /dev/null +++ b/html/about @@ -0,0 +1,88 @@ + + + + Spragg Software Services Ltd. + + + +
+

About

+ +
+
+

© 3rd party resources

+ +

First up, as well as whatever other web apps I end up putting in various places on the site, + up front I should point out that the icons I use on the main site are from the + Faenza + and Oxygen icon sets, and + redistributed under the terms of the + GPL 3 (Faenza) and + LGPL 3 (Oxygen) + respectively. + As well as linking to the project websites themselves, as required by their licences I am + providing the source tarballs that I have been provided by my upstream (Debian) for download + from this site, at /src.

+ +

Also, the Netscape logo on this page is taken from + Wikipedia's File:Netscape_icon.svg + page, which claims: + This image only consists of simple geometric shapes or text. + It does not meet the threshold of originality needed for copyright protection, + and is therefore in the public domain. + The WhatWG logo was taken from + https://resources.whatwg.org/ and + is licensed under the + CC-0 license. + The Neovim logo was taken from the + Neovim-logos.zip download on the + Neovim home page and is licensed under the + CC-BY-3.0 license.

+ +

• Retro chic nerdery

+ +

This site is (or should be) + ?⃝ valid HTML + (aka HTML 5 + (see rationale)).

+ +

This site was written with + N Neovim.

+ +

This site best viewed in + N Netscape Navigator 4 or higher, on a + 1024×768×256-color display (or better). + (Seriously though, use an + evergreen browser. + If your browser doesn't have regular - preferably automatic - security updates, you're + leaving your data and privacy super vulnerable to + crackers.)

+ +

Huh. + It seems like the idea of + web badges disappeared off the + face of the internet. + It's not just that no-one still uses them, but I can't find any sites that collect them, + not even for archival or nostalgic purposes. + If there are any such sites out there, I'd be interested in knowing about them.

+
+ + + diff --git a/html/contact b/html/contact index 80951a2..cd2bf0d 100644 --- a/html/contact +++ b/html/contact @@ -18,7 +18,7 @@
-

Contact

+

• Contact

The best way to get in contact with me is by email, at adam@spragg-ssl.co.uk.

I'm based in diff --git a/html/img/Netscape_icon.svg b/html/img/Netscape_icon.svg new file mode 100644 index 0000000..9c256d0 --- /dev/null +++ b/html/img/Netscape_icon.svg @@ -0,0 +1,191 @@ + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/html/img/neovim-mark.svg b/html/img/neovim-mark.svg new file mode 100644 index 0000000..46c5eb8 --- /dev/null +++ b/html/img/neovim-mark.svg @@ -0,0 +1,27 @@ + + + neovim-mark@2x + Created with Sketch (http://www.bohemiancoding.com/sketch) + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/html/img/whatwg-logo.svg b/html/img/whatwg-logo.svg new file mode 100644 index 0000000..af9fae6 --- /dev/null +++ b/html/img/whatwg-logo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/html/index.php b/html/index.php index cf3ffe4..bbb44ae 100644 --- a/html/index.php +++ b/html/index.php @@ -3,6 +3,10 @@ Spragg Software Services Ltd. +

@@ -14,11 +18,12 @@
  • Blog
  • Privacy
  • Contact
  • +
    -

    Software customisation

    +

    • Software customisation

    Sometimes a software package does 99% of the things you need it to do, but if it just did one thing slightly differently, it would save you a lot of time, or make you a lot more productive. @@ -27,25 +32,30 @@ customisability, or even just extensibility, in mind. It's possible that your software could be customised to fit your needs better.

    -

    Software configuration

    +

    • Software configuration

    Sometimes software can can do the thing you need it to do, but making it do that thing can be poorly documented or even just spectacularly non-obvious.

    -

    Software installation

    +

    • Software installation

    Sometimes, just getting software installed correctly can be a battle. In those cases, just figuring out what the issue is can be a struggle.

    -

    Custom automation

    +

    • Custom automation

    Sometimes you've got two software packages that do exactly what they're supposed to do, but they don't talk to each other. Maybe that manual procedure you have to repeat again and again to get data from one place to another could be automated.

    -

    Tech troubleshooting

    +

    • Tech troubleshooting

    +

    Sometimes tech just plays up, doesn't do what it's supposed to, or stops doing what it used to do for no apparent reason.

    - -

    Who you gonna... uh, email?

    + +

    • Who you gonna... uh, email?

    Drop me a line, and I'll let you know if I think I can help. My expertise is mostly with Linux- and other Free-Software-based systems, but I might be diff --git a/html/privacy b/html/privacy index 79e105d..b2fb82a 100644 --- a/html/privacy +++ b/html/privacy @@ -18,7 +18,7 @@

    -

    Cookies

    +

    • Cookies

    This website does not use any 3rd party analytics or advertising. Also, no cookies are created or used by the static pages as you browse the main site. Some parts of the website may be dynamic and need to treat your page requests together @@ -32,14 +32,17 @@ ICO Guidance on the subject for more information.

    -

    Requested information

    +

    • Requested information

    +

    At times, this website may host various applications, which may request information from you. The information requested should either be optional, or be necessary for the operation of the specific application. In each case, the individual application should link to its own privacy policy, explaining what information is being requested, and how it will be used.

    -

    Logs

    +

    • Logs

    The website saves logs of page requests, including the IP address of the computer which made each request, and any query string parameters that @@ -50,7 +53,7 @@ results stored for longer, but any potentially personal information (such as IP address or query string parameters) is stripped from these results.

    -

    Data locality

    +

    • Data locality

    All data collected on this site is stored and processed exclusively in the UK. However, data that is made publically available from this site over the internet may be accessed from anywhere in the world. @@ -60,7 +63,7 @@ However, this site endeavours to use end-to-end encryption wherever possible, to ensure the privacy of any data sent over the internet.

    -

    Further information

    +

    • Further information

    For further information, email webmaster@spragg-ssl.co.uk.

    diff --git a/html/src/faenza-icon-theme-1.3.1 b/html/src/faenza-icon-theme-1.3.1 new file mode 120000 index 0000000..9da72f9 --- /dev/null +++ b/html/src/faenza-icon-theme-1.3.1 @@ -0,0 +1 @@ +/srv/src/faenza-icon-theme-1.3.1 \ No newline at end of file diff --git a/html/src/faenza-icon-theme_1.3.1-1.debian.tar.xz b/html/src/faenza-icon-theme_1.3.1-1.debian.tar.xz new file mode 120000 index 0000000..993467e --- /dev/null +++ b/html/src/faenza-icon-theme_1.3.1-1.debian.tar.xz @@ -0,0 +1 @@ +/srv/src/faenza-icon-theme_1.3.1-1.debian.tar.xz \ No newline at end of file diff --git a/html/src/faenza-icon-theme_1.3.1-1.dsc b/html/src/faenza-icon-theme_1.3.1-1.dsc new file mode 120000 index 0000000..ee99e0d --- /dev/null +++ b/html/src/faenza-icon-theme_1.3.1-1.dsc @@ -0,0 +1 @@ +/srv/src/faenza-icon-theme_1.3.1-1.dsc \ No newline at end of file diff --git a/html/src/faenza-icon-theme_1.3.1.orig.tar.gz b/html/src/faenza-icon-theme_1.3.1.orig.tar.gz new file mode 120000 index 0000000..fea6f54 --- /dev/null +++ b/html/src/faenza-icon-theme_1.3.1.orig.tar.gz @@ -0,0 +1 @@ +/srv/src/faenza-icon-theme_1.3.1.orig.tar.gz \ No newline at end of file diff --git a/html/src/oxygen-icons5-5.28.0 b/html/src/oxygen-icons5-5.28.0 new file mode 120000 index 0000000..4ce74c8 --- /dev/null +++ b/html/src/oxygen-icons5-5.28.0 @@ -0,0 +1 @@ +/srv/src/oxygen-icons5-5.28.0 \ No newline at end of file diff --git a/html/src/oxygen-icons5_5.28.0-1.debian.tar.xz b/html/src/oxygen-icons5_5.28.0-1.debian.tar.xz new file mode 120000 index 0000000..eaafcfc --- /dev/null +++ b/html/src/oxygen-icons5_5.28.0-1.debian.tar.xz @@ -0,0 +1 @@ +/srv/src/oxygen-icons5_5.28.0-1.debian.tar.xz \ No newline at end of file diff --git a/html/src/oxygen-icons5_5.28.0-1.dsc b/html/src/oxygen-icons5_5.28.0-1.dsc new file mode 120000 index 0000000..09f00a7 --- /dev/null +++ b/html/src/oxygen-icons5_5.28.0-1.dsc @@ -0,0 +1 @@ +/srv/src/oxygen-icons5_5.28.0-1.dsc \ No newline at end of file diff --git a/html/src/oxygen-icons5_5.28.0.orig.tar.xz b/html/src/oxygen-icons5_5.28.0.orig.tar.xz new file mode 120000 index 0000000..9255be8 --- /dev/null +++ b/html/src/oxygen-icons5_5.28.0.orig.tar.xz @@ -0,0 +1 @@ +/srv/src/oxygen-icons5_5.28.0.orig.tar.xz \ No newline at end of file diff --git a/html/style/main.css b/html/style/main.css index d94e0a7..7704395 100644 --- a/html/style/main.css +++ b/html/style/main.css @@ -77,6 +77,18 @@ h2 { margin-bottom: 0; } +h2 img { + display: inline-block; + vertical-align: middle; +} + +img.inline-icon { + display: inline-block; + vertical-align: middle; + height: 32px; + width: auto; +} + p { margin-top: 0.5em; } -- cgit v1.2.1