daniel543x/artcraft
1
0 Fork 0
mirror of https://github.com/storytold/artcraft.git synced 2026-11-12 21:02:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Responsive versions of each.

Browse Source
This commit is contained in:
Brandon Thomas committed 2016-10-18 03:38:53 -04:00
1 parent 053dbda1e2
commit b9e199f08d
5 files changed
+71 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web/demo.css
-1
View File
@@ -29,7 +29,6 @@ h1 {
img#trump {
display: block;
height: 400px;
margin: auto;
}
web/demo_jon.css
+28
View File
@@ -0,0 +1,28 @@
img#trump {
height: 300px;
}
@media screen and (min-height: 600px) {
img#trump {
height: 400px;
}
}
@media screen and (min-height: 800px) {
img#trump {
height: 500px;
}
}
@media screen and (min-height: 1000px) {
img#trump {
height: 700px;
}
}
@media screen and (min-height: 1500px) {
img#trump {
height: 1000px;
}
}
web/demo_jon.html
+38 -1
View File
@@ -1 +1,38 @@
TODO
<!doctype html>
<html>
<head>
<title>Jungle Horse</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="/assets/demo.css" type="text/css">
<link rel="stylesheet" href="/assets/demo_jon.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Coming+Soon|Dosis|Happy+Monkey|Kaushan+Script|Lobster|Lobster+Two|Oxygen|Righteous" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans|Open+Sans" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>Jungle Horse</h1>
<div id="image-box">
<img id="trump" src="/assets/images/trump_jon.png">
</div>
<form>
<div id="input-box">
<input name="jungle" value="this is the text we're going to be entering" autocomplete="off">
</div>
<div id="buttons">
<div id="button-left">
<button id="speak">Speak</button>
</div>
<div id="button-right">
<button id="clear">Clear</button>
</div>
<div class="clear"></div>
</div>
</form>
</div>
</body>
</html>
web/demo_jt.css
+4
View File
@@ -0,0 +1,4 @@
img#trump {
height: 400px;
}
web/demo_jt.html
+1
View File
@@ -5,6 +5,7 @@
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="/assets/demo.css" type="text/css">
<link rel="stylesheet" href="/assets/demo_jt.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Coming+Soon|Dosis|Happy+Monkey|Kaushan+Script|Lobster|Lobster+Two|Oxygen|Righteous" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans|Open+Sans" rel="stylesheet">
</head>