aaron/text_proxy
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

stylish

Browse Source
This commit is contained in:
Aaron Gutierrez
2019-01-18 08:37:31 -08:00
parent 0002f87e0e
commit 1287e5a003
3 changed files with 95 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@@ -1,16 +1,19 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>TextProxy</title> <title>Text Proxy</title>
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding|Nanum+Gothic:800" rel="stylesheet">
<link href="site.css" rel="stylesheet">
</head> </head>
<body> <body>
<h1>TextProxy</h1> <h1>Text Proxy</h1>
<form action="/proxy.cgi" method="get"> <div class="main">
<label for="u">Site: </label> <form action="/proxy.cgi" method="get">
<input name="u" id="u" type="url" autofocus required> <label for="u">Site</label>
<input type="submit" value="Go"> <input name="u" id="u" type="url" autofocus required>
</form> <input type="submit" value="Go">
</form>
</div>
</body> </body>
</html> </html>

79
site.css Normal file
View File

@@ -0,0 +1,79 @@
html,
body,
pre {
font-family: 'Nanum Gothic Coding', monospace;
}
html,
body {
background-color: #2e3440;
color: #d8dee9;
margin: 0;
padding: 0;
}
h1 {
font-family: 'Nanum Gothic', sans-serif;
font-size: 28px;
font-weight: 800;
text-align: center;
}
.main {
display: flex;
flex-direction: row;
justify-content: center;
padding: 32px;
}
pre,
label,
input {
font-size: 16px;
line-height: 22px;
}
form {
display: flex;
flex: 1 1 auto;
flex-direction: column;
flex-wrap: wrap;
text-align: center;
}
input {
border: 1px solid #d8dee9;
border-radius: 22px;
background-color: #2e3440;
color: #d8dee9;
height: 44px;
box-sizing: border-box;
}
input[type=url] {
padding: 4px 22px;
margin: 22px 0;
flex: 1 1 auto;
}
input:focus {
outline: none;
}
@media(min-width: 480px) {
form {
align-items: baseline;
flex-direction: row;
justify-content: center;
max-width: 600px;
}
input[type=url] {
margin: 22px;
}
input[type=submit] {
flex: 0 0 auto;
width: 44px;
}
}

6
template.html
View File

@@ -3,9 +3,13 @@
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{0} - TextProxy</title> <title>{0} - TextProxy</title>
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding|Nanum+Gothic:800" rel="stylesheet">
<link href="site.css" rel="stylesheet">
</head> </head>
<body> <body>
<h1>{0}</h1> <h1>{0}</h1>
<pre>{1}</pre> <div class="main">
<pre>{1}</pre>
</div>
</body> </body>
</html> </html>