NULL mag Issue 09 27 Dos template in html

Published in

· 26 Dec 2020

so... this is something unusual... but it's not! :) this is a basic html template to make web pages look like DOS terminals. it's the one used in the Another Droid webpage (andr01d.zapto.org:8080) which i think is very cool!

make sure to include a dos truetype font in your website. i use the dos437.ttf which you can find with a search in the internets. you could also use old amiga fonts to make even cooler web pages ;)

<html><style> 

@font-face { 
  font-family: lato; 
  src: url(/dos437.ttf) format('truetype'); 
} 

 
  html, body { 
  font-family: lato, courier, sans-serif; 
  height: 100%; 
  width: 100%; 
  background-image: radial-gradient(#222222, #000000); 

  color: #cccccc; 
  text-shadow: 0 0 3px #ffffff; 
  margin: 0; 
  padding: 0; 
  cursor: default; 
  font-smooth: never; 
} 

::selection { 
  font-family: lato, courier, sans-serif; 
  background: #0080FF; 
  text-shadow: none; 
} 

a:link { 
  font-family: lato, courier, sans-serif; 
  text-decoration: none; 
    color: green; 
    text-shadow: 0 0 2px #F68A27; 
} 

a:visited { 
  font-family: lato, courier, sans-serif; 
  text-decoration: none; 
    color: green; 
    text-shadow: 0 0 2px #F68A27; 
} 

a:hover { 

  font-family: lato, courier, sans-serif; 
  text-decoration: none; 
  background-color: fbc41f; 
  color: black; 
  text-shadow: 0 0 2px #F68A27; 
} 

a:active { 
  font-family: lato, courier, sans-serif; 
  text-decoration: none; 
    color: green; 
    text-shadow: 0 0 2px #F68A27; 
} 

.content { 
  font-family: lato, courier, sans-serif; 
  display: block; 
  position: absolute; 
  margin-top: 0.2em; 

 
  margin-left: -0.1em; 
  visibility: hidden; 
  background-color: #110708; 

 
  border-width: 0.3em; 
  border-style: double; 
  border-top: 0; 
  box-shadow: 0 5px 7px rgb(246,138,39,0.40); 
} 

</style> 
<body bgcolor="black" text="white" style='font-family: lato, courier, sans-serif;'> 

  <pre style='font-family: lato, courier, sans-serif;'>