Skip to content

Commit

Permalink
replaces low res fork-me-on-github.png with pure CSS version for that…
Browse files Browse the repository at this point in the history 
… ribbon, with perfect sharpness and nice hover effect

fine-tunes navbar collapse point at 991px to align with bootstrap and menu's length requirements
adds 'ASF Code of Conduct' as entry below ASF menu entry
  • Loading branch information
@mawiesne
mawiesne committed Nov 17, 2024
1 parent 665803e commit 48f52b8
Show file tree
Hide file tree
Showing 4 changed files with 130 additions and 28 deletions.
112 changes: 108 additions & 4 deletions src/main/jbake/assets/css/custom-style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,22 +6,66 @@ html {
}
body {
/* Margin bottom by footer height + 20px for padding */
margin: 0px;
margin: 0;
}

@media (max-width: 991px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
}

.footer .text-muted {
margin: 0px 0;
margin: 0 0;
}

.footer > .container {
padding-right: 15px;
padding-left: 15px;
}

.container .jumbotron, .container-fluid .jumbotron {
padding-left: 0;
padding-right: 0;
padding-bottom: 24px;
}

.jumbotron {
margin: 0px 0;
margin: 0 0;
text-align: center;
background-color: transparent;
padding-top: 0px;
padding-top: 0;
}

.jumbotron h1 {
Expand All @@ -44,4 +88,64 @@ div.qlist.qanda > ol {
div.qlist.qanda > ol > li {
list-style: none;
padding-top: .75em;
}

#forkongithub a{
background:#000;
color:#fff;
text-decoration:none;
font-family:arial,sans-serif;
text-align:center;
font-weight:bold;
padding:5px 40px;
font-size:1.25rem;
line-height:2rem;
position:relative;
}
#forkongithub a:hover{
background:#832779;
color:#fff;
}
#forkongithub a::before,#forkongithub a::after{
content:"";
width:100%;
display:block;
position:absolute;
top:1px;
left:0;
height:1px;
background:#fff;
}
#forkongithub a::after{
bottom:1px;
top:auto;
}
@media screen and (min-width:992px){
#forkongithub{
position:fixed;
display:block;
top:0;
right:0;
width:200px;
overflow:hidden;
height:200px;
z-index:9999;
}
#forkongithub a{
width:200px;
position:absolute;
top:40px;
right:-50px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
box-shadow:4px 4px 10px rgba(0,0,0,0.8);
}
}
@media only screen and (max-width: 991px) {
#forkongithub {
display: none;
}
}
Binary file removed src/main/jbake/assets/img/fork-me-on-github.png
View file
Binary file not shown.
7 changes: 3 additions & 4 deletions src/main/jbake/templates/header.ftl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,6 @@
<![endif]-->
</head>
<body onload="prettyPrint()">
<span class="visible-lg">
<a href="https://github.com/apache/opennlp"><img style="z-index: 9999; position: absolute; top: 0; right: 0; border: 0;" src="/img/fork-me-on-github.png" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
</span>


<!-- Include pure CSS/HTML5 ForkMeOnGH ribbon -->
<span id="forkongithub"><a href="https://github.com/apache/opennlp">Fork me on GitHub</a></span>
39 changes: 19 additions & 20 deletions src/main/jbake/templates/menu.ftl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<a class="navbar-brand" href="#">
<img alt="Brand" src="/img/opennlp-navbar-logo.png" class="img-responsive" width="100px" style="position: relative; top: -3px;">
</a>
</div>
Expand All @@ -36,7 +36,7 @@
<a href="/"><span class="glyphicon glyphicon-home"></span> Home</a>
</li>

<li class="dropdown">
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-download-alt"></span> Download <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/download.html">OpenNLP Releases</a></li>
Expand All @@ -46,7 +46,16 @@
</ul>
</li>

<li class="dropdown">
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-book"></span> Documentation <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/docs/">Manual and Javadocs</a></li>
<li><a href="/faq.html">FAQ</a></li>
<li><a href="https://cwiki.apache.org/OPENNLP" target="_blank">Wiki</a></li>
</ul>
</li>

<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-flag"></span> General <b class="caret"></b></a>
<ul class="dropdown-menu">

Expand All @@ -60,16 +69,7 @@
</ul>
</li>

<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-book"></span> Documentation <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/docs/">Manual and Javadocs</a></li>
<li><a href="/faq.html">FAQ</a></li>
<li><a href="https://cwiki.apache.org/OPENNLP" target="_blank">Wiki</a></li>
</ul>
</li>

<li class="dropdown">
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-console"></span> Development <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/get-involved.html">Get Involved</a></li>
Expand All @@ -83,15 +83,14 @@
</ul>
</li>

</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-leaf"></span> ASF <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="https://www.apache.org/">The Apache Software Foundation</a></li>
<li><a href="https://www.apache.org/foundation/thanks.html">Thanks</a></li>
<li><a href="https://www.apache.org/security/">Security</a></li>
<li><a href="https://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
<li><a href="https://www.apache.org/" target="_blank">The Apache Software Foundation</a></li>
<li><a href="https://www.apache.org/foundation/policies/conduct" target="_blank">Code of Conduct</a></li>
<li><a href="https://www.apache.org/foundation/thanks.html" target="_blank">Thanks</a></li>
<li><a href="https://www.apache.org/security/" target="_blank">Security</a></li>
<li><a href="https://www.apache.org/foundation/sponsorship.html" target="_blank">Become a Sponsor</a></li>
</ul>
</li>
</ul>
Expand Down

0 comments on commit 48f52b8

Please sign in to comment.