diff --git a/site/i18n/en.json b/site/i18n/en.json
index f447f8a0..31736d6c 100644
--- a/site/i18n/en.json
+++ b/site/i18n/en.json
@@ -44,6 +44,9 @@
"menu_api": {
"other": "API"
},
+ "index_campaign_by": {
+ "other": "A campaign by"
+ },
"index_intro": {
"other": "We make licensing easy for humans and machines alike. We solve a fundamental issue that Free Software licensing has at the very source: what license is a file licensed under, and who owns the copyright? **Adopting our recommendations is as easy as one-two-three**!"
},
diff --git a/site/layouts/index.html b/site/layouts/index.html
index 5bd9d54a..b25b7ca6 100644
--- a/site/layouts/index.html
+++ b/site/layouts/index.html
@@ -7,6 +7,10 @@
{{ partial "head.html" . }}
{{ partial "nav.html" . }}
+
+
{{ i18n "index_campaign_by" }}
+
+
REUSE SOFTWARE
diff --git a/site/static/css/custom.css b/site/static/css/custom.css
index efe4d731..a6b5f55b 100644
--- a/site/static/css/custom.css
+++ b/site/static/css/custom.css
@@ -10,6 +10,79 @@ img#logo {
padding: 8px 0;
}
+/* The navbar is too wide with all the navbar items. */
+/* https://stackoverflow.com/questions/19827605/how-to-change-bootstrap-navbar-collapse-breakpoin/* t *\/ */
+/* SPDX-SnippetBegin */
+/* SPDX-SnippetCopyrightText: 2016 Carol Skell */
+/* SPDX-License-Identifier: CC-BY-SA-3.0 */
+@media (max-width: 900px) {
+ .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;
+ }
+}
+/* SPDX-SnippetEnd */
+
+
+/* "Campaign by" info text on start */
+.infotext.desktop {
+ display: none;
+}
+.infotext {
+ margin-top: 20px;
+}
+.infotext img {
+ max-height: 42px;
+ width: unset !important;
+ vertical-align: bottom;
+ display: inline !important;
+ margin: 0 !important;
+}
+@media (min-width:900px) {
+ .infotext.mobile {
+ display: none;
+ }
+ .infotext.desktop {
+ display: block;
+ }
+ .infotext {
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ margin: 0;
+ }
+}
+
/* HEADLINES */
h1:first-of-type {
margin: 1em 0 1em 0;