Continued creating the design

Signed-off-by: Gergely POLONKAI (W00d5t0ck) <polesz@w00d5t0ck.info>
This commit is contained in:
Polonkai Gergely 2012-04-19 21:04:50 +00:00
parent d6a2f3893b
commit 0727bdf133
8 changed files with 95 additions and 38 deletions

View File

@ -8,34 +8,36 @@
<link rel="shortcut icon" href="{{ asset('images/favicon.png') }}" /> <link rel="shortcut icon" href="{{ asset('images/favicon.png') }}" />
</head> </head>
<body> <body>
<div id="app-bar-wrapper"> <div id="appbar-wrapper">
<div id="app-bar"> <div id="appbar">
<div id="appbar-logo">
<h1><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'index', '_format': 'html' }) }}"><img src="{{ asset('images/logo-small.png') }}" alt="OpenScrum.org" /></a></h1>
</div>
<div id="appbar-siteinfo"> <div id="appbar-siteinfo">
<ul> <ul>
<li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'about', '_format': 'html' }) }}">About</a></li> <li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'about', '_format': 'html' }) }}">About</a></li>
<li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'terms', '_format': 'html' }) }}">Terms and Definitions</a></li> <li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'terms', '_format': 'html' }) }}">Terms and Definitions</a></li>
<li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'faq', '_format': 'html'}) }}">FAQ</a></li> <li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'faq', '_format': 'html'}) }}">FAQ</a></li>
<li>Buy</li>
</ul> </ul>
</div> </div>
<div id="appbar-search">
<input type="text" value="search box" />
</div>
<div id="appbar-login"> <div id="appbar-login">
Sign In! Sign In!
</div> </div>
<div id="appbar-search">
<input type="text" value="search" /><input type="submit" value="" />
</div> </div>
<div id="app-bar-padding"></div> </div>
<div id="appbar-padding"></div>
</div> </div>
<div id="container"> <div id="container">
<h1><a href="{{ path('OpenScrumInfoBundle_homepage') }}"><img src="{{ asset('images/logo.png') }}" alt="OpenScrum.org" /></a></h1>
{% block body %}{% endblock %} {% block body %}{% endblock %}
</div> </div>
<div id="footer-wrapper"> <div id="footer-wrapper">
<div id="footer-padding"></div> <div id="footer-padding"></div>
<div id="footer"{% if app.environment == 'dev' %} style="bottom: 40px;"{% endif %}> <div id="footer"{% if app.environment == 'dev' %} style="bottom: 40px;"{% endif %}>
Copyright © 2012, Gergely POLONKAI :: Privacy Policy :: <a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'disclaimers', '_format': 'html' }) }}">Disclaimers</a> Copyright © 2012, Gergely POLONKAI :: <a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'privacypolicy', '_format': 'html' }) }}">Privacy Policy</a> :: <a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'disclaimers', '_format': 'html' }) }}">Disclaimers</a>
</div> </div>
</div> </div>
</body> </body>

View File

@ -1,5 +1,6 @@
{% extends '::base.html.twig' %} {% extends '::base.html.twig' %}
{% block body %} {% block body %}
<img src="{{ asset('images/logo.png') }}" alt="OpenScrum.org" />
<h2>Welcome to OpenScrum.org!</h2> <h2>Welcome to OpenScrum.org!</h2>
<p>OpenScrum.org is a web based tool to help development teams to develop using the <a href="http://www.scrum.org/" target="_blank">Scrum</a> methodology.</p> <p>OpenScrum.org is a web based tool to help development teams to develop using the <a href="http://www.scrum.org/" target="_blank">Scrum</a> methodology.</p>
{% endblock %} {% endblock %}

View File

@ -0,0 +1,13 @@
{% extends '::base.html.twig' %}
{% block body %}
<h2>OpenScrum.org's Privacy Policy</h2>
<h3>Passwords</h3>
<p>If you register on our site with a username/password pair, your password is encrypted with a one-way algorithm, which means that neither us, neither a hacker can get your password from our database.</p>
<h3>Personal information</h3>
<p>All the data you upload on your Profile page is visible to our server administrators. They are, however, not really interested in this kind of data. Also, if you check the "Make my Profile public" checkbox, your Profile will be available to every registered user on the site, so be careful what you enter there.</p>
<h3>Bank account and credit card information</h3>
<p>If you buy anything from the Store, all your financial data is entered on the PayPal website. We only get your public PayPal data from them (mostly your contact information), no bank account or credit card information is processed by us.</p>
{% endblock body %}

BIN
web/images/logo-small.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -1,9 +1,10 @@
body { body {
margin: 0; margin: 0;
font-family: Helvetica, Arial, sans; font-family: Helvetica, Arial, sans;
font-size: 10pt;
} }
#app-bar { #appbar {
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
@ -12,27 +13,85 @@ body {
color: #c0ffff; color: #c0ffff;
height: 32px; height: 32px;
padding: 2px; padding: 2px;
border-bottom: 1px solid #002e52;
} }
#appbar-search { #appbar-logo {
float: left; float: left;
} }
#appbar-search input { #appbar-logo h1 {
width: 190px; margin: 0;
}
#appbar-logo img {
border: 0 none;
}
#appbar-siteinfo {
float: left;
position: absolute;
top: 36px;
left: 6px;
background-color: black;
}
#appbar-siteinfo a {
color: #c0ffff;
}
#appbar-siteinfo ul {
margin: 0;
padding: 0;
}
#appbar-siteinfo ul li {
list-style-type: none;
}
#appbar-search {
margin-left: auto;
margin-right: auto;
margin-top: 3px;
width: 200px;
height: 28px;
background-color: #95b5ce;
background-image: url('../images/search-bg.png');
background-repeat: no-repeat;
}
#appbar-search input[type=text] {
border: 0 none;
padding: 0;
width: 165px;
background-color: transparent;
margin: 3px 0 0 4px;
}
#appbar-search input[type=submit] {
border: 0 none;
background-color: transparent;
padding: 0;
width: 20px;
height: 20px;
background-image: url('../images/search-button.png');
margin: 3px 0 0 5px;
} }
#appbar-login { #appbar-login {
float: right; float: right;
background-color: #002e52;
margin: 0;
width: 60px;
height: 27px;
background-image: url('../images/login-button.png');
background-repeat: no-repeat;
background-position: 5px 8px;
padding-left: 25px;
padding-top: 7px;
} }
#appbar-search input { #appbar-padding {
border: 0 none;
background-color: white;
height: 24px;
}
#app-bar-padding {
height: 40px; height: 40px;
clear: both; clear: both;
} }
@ -49,24 +108,6 @@ body {
text-decoration: underline; text-decoration: underline;
} }
#appbar-siteinfo {
float: left;
}
#appbar-siteinfo a {
color: #c0ffff;
}
#appbar-siteinfo ul {
margin: 0;
padding: 0;
}
#appbar-siteinfo ul li {
list-style-type: none;
display: inline;
}
#footer-wrapper { #footer-wrapper {
display: block; display: block;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 564 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 374 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 624 B