Skip to content

Commit

Permalink
polish sponsor logo
Browse files Browse the repository at this point in the history
  • Loading branch information
@deepu105
deepu105 committed Jan 13, 2018
1 parent 64e87fc commit a3f82db
Show file tree
Hide file tree
Showing 6 changed files with 168 additions and 43 deletions.
41 changes: 37 additions & 4 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -341,12 +341,45 @@
<!-- /.row -->
{% endif %}

<div class="text-center">
JHipster is sponsored by:<br/>
<a href="https://developer.okta.com/signup?utm_source=JHipster&utm_medium=logo&utm_campaign=Gold-Sponsor" target="_blank"><img src="{{ site.url }}/images/open-collective/okta.png" style="width: 160px; height: 54px; margin: 10px 0"></a>
</div>
<!-- Footer -->
<footer class="text-center">
{% if page.home != true %}
<hr>
<div class="footer-logos">
<div class="container">
<div class="row">
<div class="col-12">
JHipster is sponsored by:
</div>
<!-- change to below commented line when adding more logos -->
<!-- <div class="col-xs-12 col-sm-6 col-md-4"> -->
<div class="col-md-offset-4 col-sm-12 col-md-4">
<div class="thumbnail no-margin-bottom">
<div class="logo-container">
<a href="https://developer.okta.com/signup?utm_source=JHipster&utm_medium=logo&utm_campaign=Gold-Sponsor" target="_blank"><img src="{{ site.url }}/images/open-collective/okta.png" width="320px" height="108px"></a>
</div>
</div>
</div>
<!--
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="thumbnail no-margin-bottom">
<div class="logo-container">
<a href="https://developer.okta.com/signup?utm_source=JHipster&utm_medium=logo&utm_campaign=Gold-Sponsor" target="_blank"><img src="{{ site.url }}/images/open-collective/okta.png" width="320px" height="108px"></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="thumbnail no-margin-bottom">
<div class="logo-container">
<a href="https://developer.okta.com/signup?utm_source=JHipster&utm_medium=logo&utm_campaign=Gold-Sponsor" target="_blank"><img src="{{ site.url }}/images/open-collective/okta.png" width="320px" height="108px"></a>
</div>
</div>
</div>
-->
</div>
</div>
</div>
{% endif %}
<div class="footer-above">
<div class="container">
<div class="row">
Expand Down
14 changes: 7 additions & 7 deletions bower.json
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
{
"name": "flat-admin-bootstrap-templates",
"name": "jhipster-public-website",
"dependencies": {
"jquery": "latest",
"bootstrap": "latest",
"font-awesome": "latest",
"datatables": "latest",
"Chart.js": "latest",
"animate.css": "latest",
"jquery": "~3.2.1",
"bootstrap": "~3.3.7",
"font-awesome": "~4.7.0",
"datatables": "~1.10.15",
"Chart.js": "~2.5.0",
"animate.css": "~3.5.2",
"ace-builds": "~1.2.2",
"jquery.easing": "~1.3.1",
"angular": "~1.6.4",
Expand Down
35 changes: 33 additions & 2 deletions css/scss/style.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -317,7 +317,11 @@ input.gsc-search-button {
}
}
}

.container-fluid {
.container {
max-width: 100%;
}
}
// Side Menu Lib
.app-container {
min-height: 100%;
Expand Down Expand Up @@ -487,6 +491,7 @@ input.gsc-search-button {
}

.app-container.expanded {
overflow: hidden;
.app-footer {
left: $side-menu-width;
.wrapper {
Expand Down Expand Up @@ -1927,6 +1932,7 @@ body.login-page {

footer {
color: #fff;
background-color: #fff;
a {
color: #fff;
&.link {
Expand All @@ -1939,8 +1945,23 @@ footer {
h3 {
margin-bottom: 30px;
}
.footer-logos {
color: #333;
.thumbnail {
border: none;
}
.logo-container {
overflow:hidden;
a {
display: inline-block;
width:50%;
height:50%;
padding: 10px;
}
}
}
.footer-above {
padding-top: 50px;
padding-top: 20px;
background-color: #2c3e50;
}
.footer-col {
Expand Down Expand Up @@ -2105,3 +2126,13 @@ footer {
height:100%;
}
}

.logo-container {
overflow:hidden;
a {
display: inline-block;
width:100%;
height:100%;
padding: 20px;
}
}
71 changes: 47 additions & 24 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -244,6 +244,9 @@ input.gsc-search-button {
.navbar .dropdown.profile .dropdown-menu .profile-info .username {
font-size: 1.8em; }

.container-fluid .container {
max-width: 100%; }

.app-container {
min-height: 100%;
position: relative;
Expand Down Expand Up @@ -366,28 +369,28 @@ input.gsc-search-button {
.app-container .content-container .side-body.padding-top {
padding-top: 84px; }

.app-container.expanded .app-footer {
left: 300px; }
.app-container.expanded .app-footer .wrapper {
padding-left: 25px; }

.app-container.expanded .content-container .navbar-top {
padding-left: 300px; }

.app-container.expanded .content-container .side-menu {
width: 300px;
overflow-y: auto; }
.app-container.expanded .content-container .side-menu .navbar-header .navbar-brand .title {
display: inline-block; }
.app-container.expanded .content-container .side-menu .navbar-nav li a .title {
display: inline-block; }
.app-container.expanded .content-container .side-menu .navbar-nav li .panel-collapse.in {
display: block; }
.app-container.expanded .content-container .side-menu .navbar-nav li.dropdown > a:after {
font-family: FontAwesome;
content: "\f107";
position: absolute;
right: 1em; }
.app-container.expanded {
overflow: hidden; }
.app-container.expanded .app-footer {
left: 300px; }
.app-container.expanded .app-footer .wrapper {
padding-left: 25px; }
.app-container.expanded .content-container .navbar-top {
padding-left: 300px; }
.app-container.expanded .content-container .side-menu {
width: 300px;
overflow-y: auto; }
.app-container.expanded .content-container .side-menu .navbar-header .navbar-brand .title {
display: inline-block; }
.app-container.expanded .content-container .side-menu .navbar-nav li a .title {
display: inline-block; }
.app-container.expanded .content-container .side-menu .navbar-nav li .panel-collapse.in {
display: block; }
.app-container.expanded .content-container .side-menu .navbar-nav li.dropdown > a:after {
font-family: FontAwesome;
content: "\f107";
position: absolute;
right: 1em; }

.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
Expand Down Expand Up @@ -1386,7 +1389,8 @@ body.login-page {
display: none !important; }

footer {
color: #fff; }
color: #fff;
background-color: #fff; }
footer a {
color: #fff; }
footer a.link {
Expand All @@ -1395,8 +1399,19 @@ footer {
color: #fff; }
footer h3 {
margin-bottom: 30px; }
footer .footer-logos {
color: #333; }
footer .footer-logos .thumbnail {
border: none; }
footer .footer-logos .logo-container {
overflow: hidden; }
footer .footer-logos .logo-container a {
display: inline-block;
width: 50%;
height: 50%;
padding: 10px; }
footer .footer-above {
padding-top: 50px;
padding-top: 20px;
background-color: #2c3e50; }
footer .footer-col {
margin-bottom: 50px; }
Expand Down Expand Up @@ -1527,3 +1542,11 @@ footer {
left: 0;
width: 100%;
height: 100%; }

.logo-container {
overflow: hidden; }
.logo-container a {
display: inline-block;
width: 100%;
height: 100%;
padding: 20px; }
3 changes: 3 additions & 0 deletions gulpfile.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ gulp.task("sass", function() {

gulp.task("watch", function() {
gulp.watch('./css/**/*.scss',['sass']);
gulp.watch(['./js/**/*.js', './**/*.html', './**/*.md']).on('change', browserSync.reload);
});

gulp.task('init-server', function() {
Expand All @@ -40,3 +41,5 @@ gulp.task('init-server', function() {
});

gulp.task('dev', ['sass','watch','init-server']);

gulp.task('default', ['dev']);
47 changes: 41 additions & 6 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,27 +89,62 @@ <h2 class="heading">Sponsors &amp; backers</h2>
</div>
<div class="col-md-12 text-center">
<p>
<b>Thank you to our gold sponsors!</b>
<strong>Thank you to our gold sponsors!</strong>
</p>
<a href="https://developer.okta.com/signup?utm_source=JHipster&utm_medium=logo&utm_campaign=Gold-Sponsor" target="_blank"><img src="{{ site.url }}/images/open-collective/okta.png" width="320px" height="108px"></a>
<div class="row">
<!-- change to below commented line when adding more logos -->
<!-- <div class="col-xs-12 col-sm-6 col-md-4"> -->
<div class="col-md-offset-4 col-sm-12 col-md-4">
<div class="thumbnail no-margin-bottom">
<div class="logo-container">
<a href="https://developer.okta.com/signup?utm_source=JHipster&utm_medium=logo&utm_campaign=Gold-Sponsor" target="_blank"><img src="{{ site.url }}/images/open-collective/okta.png" width="320px" height="108px"></a>
</div>
<div class="caption">
<a href="https://developer.okta.com/blog/2017/10/20/oidc-with-jhipster?utm_source=JHipster&utm_medium=text-link&utm_campaign=Gold-Sponsor" target="_blank">Add SSO to your JHipster apps with Okta</a>
</div>
</div>
</div>
<!--
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="thumbnail no-margin-bottom">
<div class="logo-container">
<a href="https://developer.okta.com/signup?utm_source=JHipster&utm_medium=logo&utm_campaign=Gold-Sponsor" target="_blank"><img src="{{ site.url }}/images/open-collective/okta.png" width="320px" height="108px"></a>
</div>
<div class="caption">
<a href="https://developer.okta.com/blog/2017/10/20/oidc-with-jhipster?utm_source=JHipster&utm_medium=text-link&utm_campaign=Gold-Sponsor" target="_blank">Add SSO to Your JHipster Apps with Okta</a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="thumbnail no-margin-bottom">
<div class="logo-container">
<a href="https://developer.okta.com/signup?utm_source=JHipster&utm_medium=logo&utm_campaign=Gold-Sponsor" target="_blank"><img src="{{ site.url }}/images/open-collective/okta.png" width="320px" height="108px"></a>
</div>
<div class="caption">
<a href="https://developer.okta.com/blog/2017/10/20/oidc-with-jhipster?utm_source=JHipster&utm_medium=text-link&utm_campaign=Gold-Sponsor" target="_blank">Add SSO to Your JHipster Apps with Okta</a>
</div>
</div>
</div>
-->
</div>
</div>
<!--
<div class="col-md-12 text-center">
<p>
<b>Thank you to all our silver sponsors!</b>
<strong>Thank you to all our silver sponsors!</strong>
</p>
<a href="https://opencollective.com/generator-jhipster" target="_blank"><img src="https://opencollective.com/generator-jhipster/tiers/gold-sponsor.svg?avatarHeight=80&width=890"></a>
</div>
<div class="col-md-12 text-center">
<p>
<b>Thank you to all our bronze sponsors!</b>
<strong>Thank you to all our bronze sponsors!</strong>
</p>
<a href="https://opencollective.com/generator-jhipster" target="_blank"><img src="https://opencollective.com/generator-jhipster/tiers/gold-sponsor.svg?avatarHeight=60&width=890"></a>
</div>
-->
-->
<div class="col-md-12 text-center">
<p>
<b>Thank you to all our backers!</b>
<strong>Thank you to all our backers!</strong>
</p>
<!-- shown in large screens only -->
<object class="visible-sm visible-md visible-lg" data="https://opencollective.com/generator-jhipster/tiers/backer.svg?avatarHeight=40&width=760" type="image/svg+xml"></object>
Expand Down

0 comments on commit a3f82db

Please sign in to comment.