The Blank Canvas, or Harry's So-Called Art Page
rating: +40+x

/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    .mobile-top-bar {
        display: block;
    }
 
    .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block!important;
        position: fixed;
        top: 0;
        left: -19em;
        width: 17em;
        height: 100%;
        overflow-y: auto;
        z-index: 10;
        padding: 0.3em 0.675em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.5s ease-in-out;
    }
 
    #side-bar:target {
        display: block;
        left: 0;
        width: 17em;
        margin: 0;
        z-index: 10;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    .close-menu {
        margin-left: 19em;
        opacity: 0;
    }
}
/*
    None CSS with Left Beef
    [2019 Wikidot Theme]
    Created by stormbreath.
*/
 
/* LINKS */
a {
    color: #0645AD;
}
 
a.newpage {
    color: #CC2200;
}
 
 a:visited {
     color: #0B0080;
}
 
#side-bar a {
     color: black
}
 
#side-bar a:visited {
     color: black;
}
 
/* REMAKE THE HEADER */
h1, #page-title {
    color: black;
}
 
#page-title {
    border-color: black;
}
 
div#container-wrap {
    background: url(none);
}
 
div#extra-div-1 {
    height: 22px;
    width: 100%;
    top: 140px;
    position: absolute;
    background: black;
}
 
#header {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/theme%3Aminimal/minimal.svg);
    background-size: 6rem;
}
@media (max-width: 580px) and (min-width: 480px) {
    #header {
        background-position: 0.5em 4.5em;
        background-size: 66px 66px;
    }
}
 
@media (max-width: 479px) {
    #header {
        background-position: 0 5.5em;
        background-size: 55px 55px;
    }
}
 
#header h1 a {
    color: transparent;
    text-shadow: none;
}
 
#header h1 a::before {
    content: "Site-43 Network";
    color: black;
}
 
#header h2 span {
    color: transparent;
    text-shadow: none;
}
#header h2 span::before {
    content: "Lake Huron Research and Containment";
    color: black;
}
 
/* SIDE-BAR */
#side-bar .side-block {
    background-color: white !important;
    border-color: transparent;
    border-radius: 0px;
    box-shadow: none;
}
 
#side-bar .heading {
    color: black;
    border-bottom: solid 1px black;
}
 
@media (max-width: 767px) {   
    #side-bar {
         background-color: white;
    }
 
    #side-bar:target .close-menu {
         background: none;
    }
}
 
#side-bar .collapsible-block-folded {
    background-image: url(http://scp-wiki.wdfiles.com/local--files/theme%3Aminimal/expand.png);
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px black;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: black;
}
 
#side-bar img,
iframe.scpnet-interwiki-frame {
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}
 
/* TOP-BAR */
#top-bar ul li ul {
    border: solid 1px black;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid white;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: white;
    color: black;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: black;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: black;
    color: white; /* top bar hover background color */
}
 
/* RATING MODULE */
.page-rate-widget-box .rate-points {
    background-color: black !important;
    border: solid 1px black;
    text-transform: capitalize;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: white;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: white;
    color: black;
}
 
.page-rate-widget-box .cancel {
    background-color: black;
    border: solid 1px black;
}
 
.page-rate-widget-box .cancel a {
    color: white;
}
 
.page-rate-widget-box .cancel a:hover {
    background: white;
    color: black;
}
 
#page-content .rate-box-with-credit-button {
    background-color: black;
    border: 1px solid black;
    border-radius: 5px !important;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
 
.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: transparent;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
     color: black;
     background-color: white;
}
 
#page-content .modalbox {
    box-shadow: 0 2px 6px rgba(102, 102, 102, .5);
}
 
.close-credits,
.credit-back {
    filter: hue-rotate(260deg);
}
 
/* PAGE ELEMENTS */
blockquote,
div.blockquote,
#toc,
.code {
     background-color: white;
}
 
.scp-image-block {
    border: solid 1px black;
    box-shadow: none;
}
.scp-image-block .scp-image-caption {
    background-color: white !important;
    border-top: solid 1px black !important;
    color: black;
}
 
/* RECOLOR THE SEARCH BAR */
#search-top-box-input {
    border-color: black;
    color: black !important;
    background-color: white;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: white;
    border-color: black;
}
 
#search-top-box-form input[type=submit] {
    border: solid 1px black;
    color: black;
    background-color: white;
    background: white;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px black;
    background-color: white;
    background: white;
    color: black;
}
 
/* LOGIN STUFF */
#login-status {
    color: black;
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}
 
#login-status a {
    color: black;
}
 
#login-status ul a {
    color: black;
}
 
#account-topbutton {
     background: #ccc;
     color: black;
}
 
/* HOVER THINGIES */
.hovertip {
     background: white !important;
}
 
/* FOOTER  */
#footer {
    background: black;
    color: white;
}
 
/* TABS */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: transparent; /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: white; /* tab background */
    border-color: white;
    color: black;
    transition: 0.125s;
}
 
.yui-navset .yui-nav a em {
    background: white;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
    border-color: white;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: white; /* selected tab background */
    color: black;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: white;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: transparent;
    box-shadow: 0px 1px 2px 0.5px rgba(0,0,0,0.5);
    background: white;
}
 
.yui-navset .yui-content {
    background: transparent; /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: transparent; /* content border */
    border-top-color: transparent; /* different border color */
}
 
.yui-navset-left .yui-content {
    border-left-color: #b7a9a9; /* different border color */
}
Header.jpg

I, HarryBlankHarryBlank, of HarryBlank fame, have accrued a mass of images which technically qualify as "art."

Here is basically all of it.

Mouse over anything to find out what it is. Not on a computer? Here's a neat trick: be on a computer.

Click on anything that's a thumbnail of a larger picture to go to the larger picture itself. Unless you've got a thing for thumbnails, I guess, you weirdo.


Character Illustrations!


I've started illustrating all my characters, for the Time After Time Password series. I did two pics for the two-part Significant Others tale before that, and also a pic of SCP-5056 just for fun.

The technical term for my style is, I think, "naïve art." That means you don't know what the fuck you're doing, but nobody's stopping you, because it's funny.


I use these in the infoboxes for my Site-43 stuff, and also on the series not-quite-hub on my author page. Protip: drawing in silhouettes can disguise a lack of talent! I'm the only person on the site doing that, the other silhouette artists are famously incredible. Click these to go to the article they represent.


I make composite images for most of my articles, but a few have actual illustrations. These are they.

Some of these can be quite involved. I do love sinking a ton of time and effort into something most people will never see! TALES ARE PEOPLE TOO, YOU GUYS


And these are, yeah, like the title says. The composites. Photoshop is fun, yadda yadda. As image sites have lined up to betray me, I have made and re-made several of these several times. They are built out of at least a few images, in each case; some of them are very, very involved, with tons of layers and lots of careful blending to achieve the desired effect.

I am much, much better at doing this than I am at drawing.


I made these for my Site Dossier. They are the icons for the Operational Sections of Site-43. A few of them incorporate existing site imagery.


I made these for my new tale series, The Time After Time Password. About half of these Sites get a dedicated tale; the rest of them will have to share. God damn are there too many American Sites!


I have made up logos for things! These are those logos. There will be more. I use the Pride logo on all my Site-43 articles and tales; if it breaks your immersion, please let me know and I'll have the characters reference it approvingly in-universe to drive you away completely.


Asterisks!


I use these to separate paragraphs in tales. They're fun. They're also mostly adapted from other people's work; the Site-43, ETTRA, S&C Plastics and Togenkyo ones are not.


I like ACS, and I like esoteric classes, but I don't always like the icons I can find for esoteric classes. When that happens, I try my hand at making my own. Like it? Yoink it.


Ugly Stuff!


Here's a look behind the curtain I use to shield my hideous unfinished works from the world while I work to make them hideous finished works.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License