github/this-is-responsive
1
1
Fork 0
mirror of https://github.com/bradfrost/this-is-responsive.git synced 2026-01-10 06:37:57 -05:00
Code Issues Packages Projects Releases Wiki Activity

Added submit page and linked to it from resource/pattern pages

Browse Source
This commit is contained in:
Brad Frost
2013-11-04 16:02:08 -05:00
parent 0aee60025f
commit 50b951267c
4 changed files with 73 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
patterns.html
View File

@@ -13,6 +13,7 @@
<h1>Responsive Patterns</h1>
<p class="intro">A collection of patterns and modules for responsive designs.</p>
<a href="submit.html" class="btn block-btn">Submit a pattern</a>
<div class="grid" id="layout">
<h2><a href="#layout">Layout</a></h2>
<section id="unequal-width">

1
resources.html
View File

@@ -12,6 +12,7 @@
<div role="main">
<h1>Responsive Resources</h1>
<p class="intro">A collection of resources about the various aspects of responsive web design.</p>
<a href="submit.html" class="btn block-btn">Submit a resource</a>
<div id="strategy" class="grid">
<h2><a href="#strategy">Strategy</a></h2>
<section id="getting-started">

24
styles.css
View File

@@ -90,6 +90,11 @@ blockquote {
small {
color: #e51837;
}
input, textarea {
border: 1px solid #000;
}
input[type=search] {
-webkit-appearance: none;
border-radius: 0;
@@ -234,6 +239,19 @@ footer[role=contentinfo] img {
background: rgba(229,24,55,0.22);
}
/* Button Stlyes */
.block-btn {
color: #fff;
background: #000;
display: inline-block;
margin: 1.5em 0;
font-size: 110%;
padding: 1em;
}
.block-btn:hover, .block-btn:focus {
color: #fff;
background: #e51837;
}
/*Patterns*/
.mod {
@@ -455,6 +473,12 @@ footer[role=contentinfo] img {
content: '▲';
}
/* Wufoo Form */
.wufoo-form {
margin: 2em 0;
}
/******Media Queries*******/
/* Medium Screens*/

47
submit.html Normal file
View File

@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" media="all" href="styles.css">
<title>Submit a Resource | This Is Responsive</title>
<script type="text/javascript" src="js/modernizr.js"></script>
</head>
<body>
<div class="container">
<div role="main">
<h1>Submit a Resource</h1>
<p class="intro">You can submit a resource or responsive pattern by <a href="https://github.com/bradfrost/this-is-responsive">submitting a pull request on Github</a> or by filling out the form below.</p>
<iframe height="500" allowTransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none" src="https://bradfrost.wufoo.com/embed/z11p90m50f6cvej/" class="wufoo-form"><a href="https://bradfrost.wufoo.com/forms/z11p90m50f6cvej/">Fill out this form to add a resource to This Is Responsive</a></iframe>
</div>
<footer role="contentinfo">
<div>
<nav id="menu">
<ul role="navigation" class="nav">
<li><a href="index.html" class="nav-home">This Is <strong>Responsive.</strong></a></li>
<li><a href="patterns.html">Patterns</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="http://thisisresponsive.tumblr.com">News</a></li>
</ul>
</nav>
</div>
</footer>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2687475-23']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>