This is an automated email from the ASF dual-hosted git repository.
mawiesne pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/opennlp-site.git
The following commit(s) were added to refs/heads/main by this push:
new 48f52b86 replaces low res fork-me-on-github.png with pure CSS version
for that 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
48f52b86 is described below
commit 48f52b86062dba2bd042576cb4133b228399052e
Author: Martin Wiesner <[email protected]>
AuthorDate: Sun Nov 17 18:11:59 2024 +0100
replaces low res fork-me-on-github.png with pure CSS version for that
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
---
src/main/jbake/assets/css/custom-style.css | 112 +++++++++++++++++++++++-
src/main/jbake/assets/img/fork-me-on-github.png | Bin 7791 -> 0 bytes
src/main/jbake/templates/header.ftl | 7 +-
src/main/jbake/templates/menu.ftl | 39 ++++-----
4 files changed, 130 insertions(+), 28 deletions(-)
diff --git a/src/main/jbake/assets/css/custom-style.css
b/src/main/jbake/assets/css/custom-style.css
index 14c11ca1..02e01047 100644
--- a/src/main/jbake/assets/css/custom-style.css
+++ b/src/main/jbake/assets/css/custom-style.css
@@ -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 {
@@ -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;
+ }
}
\ No newline at end of file
diff --git a/src/main/jbake/assets/img/fork-me-on-github.png
b/src/main/jbake/assets/img/fork-me-on-github.png
deleted file mode 100644
index 146ef8a8..00000000
Binary files a/src/main/jbake/assets/img/fork-me-on-github.png and /dev/null
differ
diff --git a/src/main/jbake/templates/header.ftl
b/src/main/jbake/templates/header.ftl
index 679c85bb..557e9443 100755
--- a/src/main/jbake/templates/header.ftl
+++ b/src/main/jbake/templates/header.ftl
@@ -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>
-
\ No newline at end of file
+
+<!-- Include pure CSS/HTML5 ForkMeOnGH ribbon -->
+<span id="forkongithub"><a href="https://github.com/apache/opennlp";>Fork me on
GitHub</a></span>
\ No newline at end of file
diff --git a/src/main/jbake/templates/menu.ftl
b/src/main/jbake/templates/menu.ftl
index c49579ec..1c2eb16f 100755
--- a/src/main/jbake/templates/menu.ftl
+++ b/src/main/jbake/templates/menu.ftl
@@ -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>
@@ -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>
@@ -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">
@@ -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>
@@ -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>
![https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"](https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"){kind=link}
