Hawks n Artworks

Link to article: Hawks n Artworks.

Module Styles

• /* this css added by woedenaz */
  
  .fillpg:active {
      object-fit: contain;
  }
  
  .scp-image-caption img {
      min-width: unset;
  }
  
  /* this css cleaned by mrpines */
  
  .rate-points::before{
  content: "gamer ";
  }
  
  .document {
  display: inline-block;
  border-radius: 10px;
  border:solid 1px #ccc;
  background:#f0f0f0;
  float:top; width:96.5%;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
  }
  
  .containercontainer {
  position: relative;
  width: auto;
  height: auto;
  border: 2px solid #666;
  background: #141212;
  color: #3F3;
  margin-top: 1em;
  margin-bottom: 1em;
  }
  
  .containercontainer .container .overlay {
  background: rgba(51, 255, 51, 0.9);
  color: #121010;
  position: absolute;
  width: auto;
  height: 50px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  line-height: 50px;
  display: inline;
  vertical-align: middle;
  text-align: center;
  font-family: Courier New;
  font-size: 30px;
  letter-spacing: 5px;
  font-weight: bolder;
  z-index: 3;
  animation: overlay-anim 10s linear;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  }
  
  .overlayback {
  background: rgba(187, 187, 187, 0.5);
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  animation: overlay-anim 10s linear;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  }
  
  .containercontainer .container {
  text-align: center;
  width: inherit;
  height: inherit;
  position: relative;
  overflow: hidden;
  }
  
  .containercontainer .container::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(21, 19, 19, 0.2);
  opacity: 0;
  z-index: 2;
  animation: flicker 0.15s infinite;
  }
  
  .containercontainer .container::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  }
  
  .no-unfold {
  text-align: center;
  }
  
  .container h1,.container h2,.container h3,.container h5,.container h6 {
  color: #3F3;
  }
  
  .container hr {
  border-top: 1px dotted #3F3;
  border-bottom: none;
  }
  
  .container hr {
  border-top: 1px solid #3F3;
  border-bottom: 1px solid #3F3;
  color: transparent;
  background-color: transparent;
  }
  
  .container hr:after {
  display: block;
  margin-top: 2px;
  border-top: 1px solid #3F3;
  border-bottom: 1px solid #3F3;
  }
  
  .blinkbar {
  animation: blink 1.5s infinite; 
  letter-spacing: -0.13em;
  }
  
  /* KEYFRAMES */
  
  @keyframes blink{
  to{opacity: .0;}
  }
  
  @keyframes flicker {
  0% {opacity: 0.9890; }5% {opacity: 0.5842; }
  10% {opacity: 0.9865; }15% {opacity: 0.0412; }
  20% {opacity: 0.6255; }25% {opacity: 0.3157; }
  30% {opacity: 0.7328; }35% {opacity: 0.4654; }
  40% {opacity: 0.9128; }45% {opacity: 0.2449; }
  50% {opacity: 0.5485; }55% {opacity: 0.6438; }
  60% {opacity: 0.1180; }65% {opacity: 0.9085; }
  70% {opacity: 0.0266; }75% {opacity: 0.6795; }
  80% {opacity: 0.7812; }85% {opacity: 0.0117; }
  90% {opacity: 0.2239; }95% {opacity: 0.8897; }
  100% {opacity: 0.2260; }
  }
  
  @keyframes overlay-anim {
  0% {visibility: hidden; }
  10% {visibility: hidden; }
  11% {visibility: visible; }
  50% {visibility: hidden; }
  100% {visibility: hidden; }
  }
  

• .avatarhover > a:nth-child(1) > img:nth-child(1) {
      width: 16px;
  }

Inline Styles

• (none)

Includes

• theme:black-highlighter-theme
• :scp-wiki:theme:scp-offices-theme [info]
• :scp-wiki:component:pride-highlighter [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]
• :scp-wiki:component:image-features-source [info]

CSS Classes

• no-unfold

• containercontainer

• container

• blinkbar

• document

• document

• document

• document

• fillpg

Page Source

[[include theme:black-highlighter-theme]]
[[include :scp-wiki:theme:scp-offices-theme]]
[[include :scp-wiki:component:pride-highlighter |inc-tg= --]]]


[[module CSS]]
/* this css added by woedenaz */

.fillpg:active {
    object-fit: contain;
}

.scp-image-caption img {
    min-width: unset;
}

/* this css cleaned by mrpines */

.rate-points::before{
content: "gamer ";
}

.document {
display: inline-block;
border-radius: 10px;
border:solid 1px #ccc;
background:#f0f0f0;
float:top; width:96.5%;
padding: 10px;
box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
}

.containercontainer {
position: relative;
width: auto;
height: auto;
border: 2px solid #666;
background: #141212;
color: #3F3;
margin-top: 1em;
margin-bottom: 1em;
}

.containercontainer .container .overlay {
background: rgba(51, 255, 51, 0.9);
color: #121010;
position: absolute;
width: auto;
height: 50px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
line-height: 50px;
display: inline;
vertical-align: middle;
text-align: center;
font-family: Courier New;
font-size: 30px;
letter-spacing: 5px;
font-weight: bolder;
z-index: 3;
animation: overlay-anim 10s linear;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}

.overlayback {
background: rgba(187, 187, 187, 0.5);
z-index: 3;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: auto;
height: auto;
animation: overlay-anim 10s linear;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}

.containercontainer .container {
text-align: center;
width: inherit;
height: inherit;
position: relative;
overflow: hidden;
}

.containercontainer .container::after {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(21, 19, 19, 0.2);
opacity: 0;
z-index: 2;
animation: flicker 0.15s infinite;
}

.containercontainer .container::before {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));
z-index: 2;
background-size: 100% 2px, 3px 100%;
}

.no-unfold {
text-align: center;
}

.container h1,.container h2,.container h3,.container h5,.container h6 {
color: #3F3;
}

.container hr {
border-top: 1px dotted #3F3;
border-bottom: none;
}

.container hr {
border-top: 1px solid #3F3;
border-bottom: 1px solid #3F3;
color: transparent;
background-color: transparent;
}

.container hr:after {
display: block;
margin-top: 2px;
border-top: 1px solid #3F3;
border-bottom: 1px solid #3F3;
}

.blinkbar {
animation: blink 1.5s infinite; 
letter-spacing: -0.13em;
}

/* KEYFRAMES */

@keyframes blink{
to{opacity: .0;}
}

@keyframes flicker {
0% {opacity: 0.9890; }5% {opacity: 0.5842; }
10% {opacity: 0.9865; }15% {opacity: 0.0412; }
20% {opacity: 0.6255; }25% {opacity: 0.3157; }
30% {opacity: 0.7328; }35% {opacity: 0.4654; }
40% {opacity: 0.9128; }45% {opacity: 0.2449; }
50% {opacity: 0.5485; }55% {opacity: 0.6438; }
60% {opacity: 0.1180; }65% {opacity: 0.9085; }
70% {opacity: 0.0266; }75% {opacity: 0.6795; }
80% {opacity: 0.7812; }85% {opacity: 0.0117; }
90% {opacity: 0.2239; }95% {opacity: 0.8897; }
100% {opacity: 0.2260; }
}

@keyframes overlay-anim {
0% {visibility: hidden; }
10% {visibility: hidden; }
11% {visibility: visible; }
50% {visibility: hidden; }
100% {visibility: hidden; }
}

[[/module]]

[[module css]]
.avatarhover > a:nth-child(1) > img:nth-child(1) {
    width: 16px;
}
[[/module]]

[[>]]
[[module Rate]]
[[/>]]

[[=]]

[[div class="no-unfold"]]
[[div class="containercontainer"]]
[[div class="container"]]
+* [!-- DO NOT ERASE THIS "+*". --]

+ **WELCOME TO THE VOID**[[span class="blinkbar"]][][[/span]]

[[image three%20odd%20birds.png]]

[[/div]]
[[/div]]
[[/div]]



+++ A little about myself:
There is little to mention about me, apart from my love of birds and anomalies. 
... not to mention the 80s ...

+++ A little about my art:
I am a digital artist of many subject manners and styles, since it is tedious for me to draw similar things constantly. For that reason, expect to see me tackle a wide range of SCPs, from avian to humanoid to whichever eldritch abominations you can come up with. The variety of this site makes creating SCP related art all the more exciting. Though I may draw in a diverse manner, I do like keeping one aspect similar among my pieces: a darker, somewhat uncanny vibe.

Feel free to look around, and I hope you enjoy what I have to offer. 

+++ (Click and hold your mouse to view larger versions of the images.)
@@ @@
[[div class="document"]]
[[=]]
[[collapsible show="▼ SCP art ▼" hide="▲ Hide ▲"]]
@@ @@
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=500px
|url=https://cdn.discordapp.com/attachments/760229616165584946/818992510131109928/SCP_049.png
|add-caption=true
|caption=This is my first completed SCP artwork, and I'm still quite happy about it. SCP-049 is my favourite. 
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=400px
|url=https://cdn.discordapp.com/attachments/510857322990534676/524423646891212821/happy_049.png
|add-caption=true
|caption=Just a cute, little 049 created spontaneously. :)
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=500px
|url=https://64.media.tumblr.com/6ccbdfd5587e616ec5d9295fcd2f7b0e/tumblr_pxdytmgnXv1yv9776o1_1280.png
|add-caption=true
|caption=SCP-1471. I enjoyed capturing that subdued, bleak atmosphere of an overcast day.
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=500px
|url=https://cdn.discordapp.com/attachments/518979900707962880/556612291320086566/deerlad5.png
|add-caption=true
|caption=Yes I drew art of my own scip (SCP-3548), I just thought it would be really fun to draw the robodeer thing. And it was, took a while tho.
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=500px
|url=https://scp-wiki.wdfiles.com/local--files/hawks-n-artworks/more%20xorkanoff.PNG
|add-caption=true
|caption=Forgot to post sooner but SCP-4149 by Rounderhouse
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=500px
|url=https://scp-wiki.wdfiles.com/local--files/hawks-n-artworks/4715.png
|add-caption=true
|caption=My art exchange piece for Dr Balthazaar
]]

[[/=]]

[[/collapsible]]
[[/div]]
@@ @@
[[div class="document"]]
[[=]]
[[collapsible show="▼ Alistair Appreciation ▼" hide="▲ Hide ▲"]]
@@ @@
Dr. Alistair Hawks is my foundationverse OC and author avatar, and I love him a lot. 
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=600px
|url=https://pbs.twimg.com/media/Dup3TCDVYAU1Qht.jpg:large
|add-caption=true
|caption=I'm quite happy with this artwork. Do not question the television deity. 
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=500px
|url=https://cdn.discordapp.com/attachments/510857322990534676/512093976862523403/three_amigos.png
|add-caption=true
|caption=Here are my OCs: Clara, Alistair Hawks, Paul.
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=400px
|url=https://cdn.discordapp.com/attachments/507340945814061056/522835513997131782/gay_birds2.png
|add-caption=true
|caption=Collab with [[*user Cosmic Catacalysm]], she sketched and I coloured. Alistair (left) is my OC, and Maximiliano (right) is hers. Yes they are very gay. 
]]
-----
Alistair fanart and info here: [https://scp.avn.sh/hawks-n-coffee:alistair-appreciation sexi content here]

[[/=]]

[[/collapsible]]
[[/div]]
@@ @@
[[div class="document"]]
[[=]]
[[collapsible show="▼ Misc. SCP Art ▼" hide="▲ Hide ▲"]]
@@ @@
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=600px
|url=https://cdn.discordapp.com/attachments/760229616165584946/818992834522120223/halloween_art.png
|add-caption=true
|caption=Requested by [[*user Uncle Nicolini]] for the October News banner! (Due to this being art used by the site, it is under the Creatives Commons 3.0 license)
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=400px
|url=https://scp-wiki.wdfiles.com/local--files/hawks-n-artworks/e.png
|add-caption=true
|caption=This one was a gift for a friend, as he likes SCP-1499. The bird is his OC.
]]

[[/=]]

[[/collapsible]]
[[/div]]
@@ @@
[[div class="document"]]
[[=]]
[[collapsible show="▼ Personal Art ▼" hide="▲ Hide ▲"]]
@@ @@
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=400px
|url=https://64.media.tumblr.com/d4ea3f4ccfbe0324578f19ec8a49e26d/tumblr_phoxjq8KWt1xljvyco1_1280.png
|add-caption=true
|caption=Personal story art, inspired by Simon Stalenhag's paintings.
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=400px
|url=https://64.media.tumblr.com/04ef7b7374abd8a6726b766b735a3a41/tumblr_pi26uwKN2z1xljvyco1_1280.png
|add-caption=true
|caption=My second story art inspired by Stalenhag's paintings.
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=400px
|url=https://cdn.discordapp.com/attachments/436981276160032779/541862134716563457/robobirb-1.gif
|add-caption=true
|caption=A little animation I did.
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=400px
|url=https://cdn.discordapp.com/attachments/462088652634456064/541861052170764288/robobirb-2.gif
|add-caption=true
|caption=Decided to put this one here as well after all.  
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=400px
|url=https://cdn.discordapp.com/attachments/507340945814061056/547894548924334140/GIANT_ROBOT.png
|add-caption=true
|caption=Giant robot! Drawn on a photo I took. 
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=400px
|url=https://cdn.discordapp.com/attachments/436981276160032779/569222860913246208/the-disks.gif
|add-caption=true
|caption=Vaporwave inspired disk deities
]]
-----
[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=250
|float=true
|align=center
|width=400px
|url=https://scp-wiki.wdfiles.com/local--files/hawks-n-artworks/partridge.gif
|add-caption=true
|caption=bouncebouncebounce
]]

[[/=]]

[[/collapsible]]
[[/div]]

[[=image https://cdn.discordapp.com/attachments/510857322990534676/553811489488896006/mr_eel_says_hello.png width="200px" class="fillpg"]]
There will be more to come, don't you worry about it. 
Feel free to request me SCPs to draw.

[[/=]]