added custom font, changed title, added noscript-block

This commit is contained in:
Manuel Friedli 2015-03-28 00:30:45 +01:00
parent d914f277c5
commit b9aaa5143b
2 changed files with 22 additions and 2 deletions

View file

@ -1,4 +1,17 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext);
body { body {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}
h1 {
text-align: center;
font-weight: 600;
}
strong {
font-weight: 600;
} }
div.wrapper { div.wrapper {
@ -20,7 +33,8 @@ textarea.input {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
display: block; display: block;
font-family: sans-serif; font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 80%; font-size: 80%;
height: 150px; height: 150px;
padding: 0.1em 0.3em; padding: 0.1em 0.3em;
@ -43,6 +57,8 @@ select.conversion {
border-radius: 0.2em; border-radius: 0.2em;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin-top: 0.5em; margin-top: 0.5em;
} }

View file

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>encoder-decoder</title> <title>Decode? Encode? DENcode!</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="utf8.js"></script> <script type="text/javascript" src="utf8.js"></script>
<script type="text/javascript" src="quoted-printable.js"></script> <script type="text/javascript" src="quoted-printable.js"></script>
@ -10,5 +10,9 @@
<link rel="stylesheet" type="text/css" href="dencode.css" /> <link rel="stylesheet" type="text/css" href="dencode.css" />
</head> </head>
<body> <body>
<h1>Decode? Encode? DENcode!</h1>
<noscript>This webpage lets you decode and encode data and text to and from various formats. But
it requires you to <strong>enable Javascript</strong> to do so. So please turn it on in your
Browser. You won't regret it!</noscript>
</body> </body>
</html> </html>