Archives/Athou_commafeed
1
0
Fork 1
mirror of https://github.com/Athou/commafeed.git synced 2026-03-21 21:37:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

responsive homepage

Browse Source
This commit is contained in:
Athou
2013-05-26 18:10:47 +02:00
parent 77ca2d44df
commit 7a14dd4d76
2 changed files with 74 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/main/java/com/commafeed/frontend/pages/WelcomePage.html
View File

@@ -2,51 +2,78 @@
<html xmlns:wicket="http://wicket.apache.org"> <html xmlns:wicket="http://wicket.apache.org">
<body> <body>
<wicket:extend> <wicket:extend>
<div class="container welcome"> <div class="welcome">
<div class="row header"> <div class="container-fluid">
<div class="pull-right tagline"> <div class="row-fluid header">
Bloat-free feed reader <div class="pull-left">
<a wicket:id="logo-link">
<img src="images/logo_2.png"></img>
</a>
</div>
<div class="pull-right tagline">Bloat-free feed reader</div>
<div class="text-center">
<a wicket:id="demo-login">
<img src="images/preview.jpg" class="preview" />
<br />
<span class="demo">
Try out the demo
<br />
<small>(some features are disabled)</small>
</span>
</a>
</div>
</div> </div>
<div> <div class="row-fluid">
<a wicket:id="logo-link"> <div class="span6">
<img src="images/logo_2.png"></img> <div class="well" id="login-panel">
</a> <h3>Login</h3>
<span wicket:id="login"></span>
</div>
</div>
<div class="span6" wicket:enclosure="register">
<div class="well" id="register-panel">
<h3>Register</h3>
<span wicket:id="register"></span>
</div>
</div>
</div> </div>
<div class="text-center">
<a wicket:id="demo-login"> <hr />
<img src="images/preview.jpg" class="preview" /> <div class="footer">
<br /> <div class="row-fluid">
<span class="demo"> <span>
Try out the demo <br /> &copy;
<small>(some features are disabled)</small> <a href="http://www.commafeed.com" target="_blank">CommaFeed</a>
</span>
<span>
- Sources on
<a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a>
</span>
<span>
- REST API
<a href="api" target="_blank">documentation</a>
</span>
<span class="pull-right">
<a href="https://twitter.com/CommaFeed"
class="twitter-follow-button" data-show-count="false"
data-size="large">Follow @CommaFeed</a>
<script>
!function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/
.test(d.location) ? 'http'
: 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p
+ '://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-wjs');
</script>
</span> </span>
</a>
</div>
</div>
<div class="row">
<div class="span6">
<div class="well" id="login-panel">
<h3>Login</h3>
<span wicket:id="login"></span>
</div> </div>
</div> </div>
<div class="span6" wicket:enclosure="register">
<div class="well" id="register-panel">
<h3>Register</h3>
<span wicket:id="register"></span>
</div>
</div>
</div>
<hr />
<div class="footer">
<span>&copy; <a href="http://www.commafeed.com" target="_blank">CommaFeed</a></span>
<span> - Sources on <a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a></span>
<span> - REST API <a href="api" target="_blank">documentation</a></span>
<span class="pull-right">
<a href="https://twitter.com/CommaFeed" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @CommaFeed</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</span>
</div> </div>
</div> </div>
</wicket:extend> </wicket:extend>

8
src/main/webapp/sass/generic/_misc.scss
View File

@@ -11,6 +11,12 @@
line-height: 20px line-height: 20px
} }
.welcome .container-fluid {
margin-right: auto;
margin-left: auto;
max-width: 950px;
}
.welcome .header { .welcome .header {
margin: 20px 0 40px 0; margin: 20px 0 40px 0;
} }
@@ -49,4 +55,4 @@
.favicon { .favicon {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }