Permalink
Browse files

cleaned up landing page and added instructions for recaptcha

  • Loading branch information...
1 parent b6dd7f6 commit 23730ff2677b59691ec635b5323f2d8fde931f02 @JustinBeckwith committed Sep 20, 2012
Deleted file not rendered
Deleted file not rendered
Deleted file not rendered
View
Deleted file not rendered
@@ -39,7 +39,7 @@ section {
float: right;
}
.highlight {
- background-color: #a0f743;
+ background-color: #93e140;
padding-left: 5px;
padding-right: 5px;
}
@@ -72,7 +72,8 @@ h3 {
h4 {
font-size: 1.1em;
}
-h5, h6 {
+h5,
+h6 {
font-size: 1em;
}
/* main layout
@@ -117,7 +118,9 @@ footer {
font-size: 2.3em;
margin: 20px 0;
}
-.site-title a, .site-title a:hover, .site-title a:active {
+.site-title a,
+.site-title a:hover,
+.site-title a:active {
background: none;
color: #c8c8c8;
outline: none;
@@ -188,7 +191,8 @@ ul#menu li a:hover {
color: #3e5667;
padding: 20px 40px 30px 40px;
}
-.featured hgroup.title h1, .featured hgroup.title h2 {
+.featured hgroup.title h1,
+.featured hgroup.title h2 {
color: #fff;
}
.featured p {
@@ -198,7 +202,8 @@ ul#menu li a:hover {
hgroup.title {
margin-bottom: 10px;
}
-hgroup.title h1, hgroup.title h2 {
+hgroup.title h1,
+hgroup.title h2 {
display: inline;
}
hgroup.title h2 {
@@ -299,15 +304,17 @@ fieldset label {
fieldset label.checkbox {
display: inline;
}
-fieldset input[type="text"], fieldset input[type="password"] {
+fieldset input[type="text"],
+fieldset input[type="password"] {
border: 1px solid #e2e2e2;
color: #333;
font-size: 1.2em;
margin: 5px 0 6px 0;
padding: 5px;
width: 300px;
}
-fieldset input[type="text"]:focus, fieldset input[type="password"]:focus {
+fieldset input[type="text"]:focus,
+fieldset input[type="password"]:focus {
border: 1px solid #8cc84b;
}
fieldset input[type="submit"] {
@@ -322,7 +329,8 @@ fieldset input[type="submit"] {
.modal-popup {
font-size: 0.7em;
}
-.modal-popup input[type="text"], .modal-popup input[type="password"] {
+.modal-popup input[type="text"],
+.modal-popup input[type="password"] {
width: 90%;
}
/* info and errors */
@@ -355,7 +363,8 @@ fieldset input[type="submit"] {
.field-validation-valid {
display: none;
}
-input[type="text"].input-validation-error, input[type="password"].input-validation-error {
+input[type="text"].input-validation-error,
+input[type="password"].input-validation-error {
border: 1px solid #e80c4d;
}
.validation-summary-errors {
@@ -374,7 +383,8 @@ ul#social li a {
color: #999;
text-decoration: none;
}
-a.facebook, a.twitter {
+a.facebook,
+a.twitter {
display: block;
float: left;
height: 24px;
@@ -394,7 +404,8 @@ a.twitter {
@media only screen and (max-width: 850px) {
/* header
----------------------------------------------------------*/
- header .float-left, header .float-right {
+ header .float-left,
+ header .float-right {
float: none;
}
/* logo */
@@ -443,7 +454,8 @@ a.twitter {
}
/* main layout
----------------------------------------------------------*/
- .main-content, .featured + .main-content {
+ .main-content,
+ .featured + .main-content {
background-position: 10px 0;
}
.content-wrapper {
@@ -454,7 +466,8 @@ a.twitter {
padding: 10px;
}
/* page content */
- article, aside {
+ article,
+ aside {
float: none;
width: 100%;
}
@@ -467,7 +480,9 @@ a.twitter {
padding-left: 10px;
margin: 25px 0;
}
- ol.round li.one, ol.round li.two, ol.round li.three {
+ ol.round li.one,
+ ol.round li.two,
+ ol.round li.three {
background: none;
}
/* features */
@@ -483,7 +498,8 @@ a.twitter {
font-weight: 600;
}
/* forms */
- fieldset input[type="text"], fieldset input[type="password"] {
+ fieldset input[type="text"],
+ fieldset input[type="password"] {
width: 90%;
}
/* login page */
@@ -515,7 +531,8 @@ a.twitter {
padding: 0;
margin: 0;
}
- footer a.facebook, footer a.twitter {
+ footer a.facebook,
+ footer a.twitter {
background: none;
display: inline;
float: none;
@@ -1,5 +1,5 @@
@node-green: #8CC84B;
-@node-green-soft: #a0f743;
+@node-green-soft: #93e140;
@node-green-light: lighten(@node-green, 10%);
@background: #e2e2e2;
@@ -1,7 +1,7 @@
section(class="main-content")
hgroup(class="title")
h1= title
- h2 Use the form(below to create a new account
+ h2 Create a new account.
- if ('undefined' !== typeof errors && errors.length)
ul#errors
@@ -21,9 +21,14 @@ section(class="main-content")
li(class="confirm-password")
label(for="confirmPassword") Confirm password
input(type="password", name="confirmPassword")
- //li(class="recaptcha")
+ li(class="recaptcha")
div(class="message-info")
- != recaptcha_form
+ p
+ | To enable CAPTCHA verification, register for reCAPTCHA keys at
+ a(href="http://recaptcha.net", target="_blank", title="register for a captcha") reCAPTCHA.net
+ |. Rename settings.example.json to settings.json (if you have not done so already), and replace 'publicKey'
+ | with your public key, and 'privateKey' with your private key. Finally, uncomment '!= recaptcha_form' under this paragraph.
+ //!= recaptcha_form
input(type="submit", value="Register")
p
View
@@ -3,41 +3,32 @@ section(class="featured")
div(class="content-wrapper")
hgroup(class="title")
h1=title
- h2 Modify this template to jump-start your Node.JS Express application
- p To learn more about node.js, visit <a href="http://nodejs.org" title="node.js Website">http://nodejs.org/</a>. The page features <span class="highlight">videos, tutorials, and samples</span> to help you get the most from node.js. If you have any questions about node.js, visit <a href="https://github.com/joyent/node" title="node.js github">github</a>.
+ h2 Modify this template to jump-start your node.js express application.
+ p
+ | To learn more about node.js, visit
+ a(href="http://nodejs.org", title="node.js Website", target="_blank") http://nodejs.org/
+ |. The page features
+ span(class="highlight") videos, tutorials, and samples
+ | to help you get the most from node.js. If you have any questions about node.js and Windows Azure, visit
+ a(href="https://www.windowsazure.com/en-us/develop/nodejs/", title="node.js on Windows Azure", target="_blank") our dev center
+ |.
section(class="main-content")
h3 We suggest the following:
ol(class="round")
li(class="one")
h5 Try this out on a mobile device
- p
- |This template supports various template options for viewing on mobile devices.
+ p
+ | This template supports various template options for viewing on mobile devices.
+ a(href="http://go.microsoft.com/fwlink/?LinkID=266423&clcid=0x409", target="_blank") Learn more...
li(class="two")
h5 Add NPM packages and jump start your coding
- p NPM makes it easy to install and update free libraries in WebMatrix. To install a package, go to the Files workspace and click the NPM button in the ribbon.
- li(class="three")
- h5 Setup deployment to your web server
- p
- Use FTP or Microsoft Web Deploy to quickly and easily publish your application to a web server. Just click the Publish button in the ribbon and enter your credentials. For even easier deployment, you can import publish settings that you get from your hosting provider.
- section(class="features")
- section(class="feature")
- img(src="/images/aspNetHome.png", alt="")
- h3 Built it with express
p
- |Express is a Sinatra inspired web development framework for node.js -- insanely fast, flexible, and simple. For more information, visit
- a(href="http://expressjs.com/") expressjs.org
- |.
-
- section(class="feature")
- img(src="/images/npm.png", alt="")
- h3 NPM Gallery
+ | NPM makes it easy to install and update free libraries in WebMatrix. To install a package, go to the Files workspace and click the NPM button in the ribbon.
+ a(href="https://npmjs.org/", target="_blank") Learn more...
+ li(class="three")
+ h5 Host it on Azure
p
- |NPM is a WebMatrix extension that makes it easy to install and update libraries. Visit
- a(href="http://npmjs.org") npmjs.org
- |for more information.
-
- section(class="feature")
- img(src="/images/findHosting.png", alt="")
- h3 Host it on Azure
- p You can easily find a web hosting company that offers the right mix of features and price for your applications. Visit <a href="http://microsoft.com/web/hosting" title="Microsoft/Web Website">Microsoft.com/web</a> to explore offerings from many providers.
+ | Share your creation with the world. Windows Azure provides a great platform for hosting your node.js applications.
+ a(href="https://www.windowsazure.com/en-us/develop/nodejs/", target="_blank") Learn more...
+
View
@@ -18,15 +18,16 @@ html
div(class='content-wrapper')
div(class="float-left")
p(class="site-title")
- a(href="/") your logo here.
+ a(href="/") your logo here
div(class="float-right")
section#login
ul
-if(!everyauth.loggedIn)
li
- a(href="/login") Log in
- li
a(href="/register") Register
+ li
+ a(href="/login") Log in
+
-else
-if(everyauth.facebook)
li Welcome !{everyauth.facebook.user.first_name} !{everyauth.facebook.user.last_name}!

0 comments on commit 23730ff

Please sign in to comment.