mirror of
https://github.com/offen/website.git
synced 2024-12-23 13:30:20 +01:00
try mounting auditorium in homepage
This commit is contained in:
parent
9ee20f37d0
commit
eca5b954b4
@ -56,7 +56,7 @@ services:
|
||||
- KMS_HOST=http://localhost:8081
|
||||
- SCRIPT_HOST=http://localhost:9977
|
||||
- AUDITORIUM_HOST=http://localhost:8080
|
||||
- HOMEPAGE_HOST=http://localhost:8000
|
||||
- HOMEPAGE_HOST=http://localhost:8081
|
||||
|
||||
script:
|
||||
build:
|
||||
@ -93,6 +93,8 @@ services:
|
||||
command: make devserver
|
||||
ports:
|
||||
- 8000:8000
|
||||
environment:
|
||||
DEBUG: 1
|
||||
|
||||
volumes:
|
||||
serverdeps:
|
||||
|
||||
5
homepage/content/pages/auditorium.md
Normal file
5
homepage/content/pages/auditorium.md
Normal file
@ -0,0 +1,5 @@
|
||||
Title: Auditorium | offen
|
||||
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
|
||||
save_as: auditorium/index.html
|
||||
href: /auditorium/
|
||||
template: auditorium
|
||||
@ -43,3 +43,4 @@ DIRECT_TEMPLATES = []
|
||||
GITHUB_ORG = 'https://github.com/offen'
|
||||
CONTACT_EMAIL = 'mail@offen.dev'
|
||||
PATREON_URL = 'https://www.patreon.com/bePatron?u=21484999'
|
||||
AUDITORIUM_SCRIPT = 'http://localhost:8080/auditorium/index.js'
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="content">
|
||||
<div class="container-full">
|
||||
{{ page.content }}
|
||||
</div>
|
||||
</div>
|
||||
<div id="app-host"></div>
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
{{ super () }}
|
||||
<script src="{{AUDITORIUM_SCRIPT}}"></script>
|
||||
{% endblock %}
|
||||
|
||||
@ -136,8 +136,10 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% assets filters="rjsmin", output="scripts/packed.js", "scripts/jquery-3.4.1.min.js", "scripts/menu.js", "scripts/fade.js" %}
|
||||
<script src="{{ SITEURL }}/{{ ASSET_URL }}"></script>
|
||||
{% endassets %}
|
||||
{% block scripts %}
|
||||
{% assets filters="rjsmin", output="scripts/packed.js", "scripts/jquery-3.4.1.min.js", "scripts/menu.js", "scripts/fade.js" %}
|
||||
<script src="{{ SITEURL }}/{{ ASSET_URL }}"></script>
|
||||
{% endassets %}
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
425
styles/index.css
425
styles/index.css
@ -1,425 +0,0 @@
|
||||
/* Typo
|
||||
------------------------------------------------------------- */
|
||||
body {
|
||||
padding: 50px;
|
||||
background-color: #fff;
|
||||
color: #898989;
|
||||
font: 18px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
color: #404040;
|
||||
font-size: 28px;
|
||||
line-height: 1.4;
|
||||
font-weight: 400;
|
||||
margin: 0 0 40px 0;
|
||||
}
|
||||
|
||||
h3,
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
margin: 30px 0 20px 0;
|
||||
}
|
||||
|
||||
.section-auditorium h3 {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: #898989;
|
||||
margin: 30px 0 6px 0;
|
||||
}
|
||||
|
||||
.section-auditorium h4 {
|
||||
margin: 30px 0 20px 0;
|
||||
}
|
||||
|
||||
|
||||
/* Links
|
||||
------------------------------------------------------------- */
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #898989;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
font-size: inherit;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h1 a,
|
||||
h1 a:hover,
|
||||
h1 a:focus {
|
||||
color: #f7bf08;
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
small a,
|
||||
small a:hover,
|
||||
small a:focus {
|
||||
color: #898989;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
sup {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
sup a,
|
||||
sup a:hover,
|
||||
sup a:focus {
|
||||
color: #cfcfcf;
|
||||
}
|
||||
|
||||
ol {
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
|
||||
ol li p a,
|
||||
ol li p a:hover,
|
||||
ol li p a:focus {
|
||||
color: #cfcfcf;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Typo Elements
|
||||
------------------------------------------------------------- */
|
||||
.logo {
|
||||
margin: -20px 0 0 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #e5e5e5;
|
||||
margin: 0;
|
||||
padding: 0 0 0 20px;
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
hr {
|
||||
border-top: 1px solid #d5d5d5;
|
||||
height: 0;
|
||||
margin: 80px 0 0 0;
|
||||
}
|
||||
|
||||
.footnote hr {
|
||||
border: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #d5d5d5;
|
||||
margin: 40px 0 40px 0;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
strong,
|
||||
h1 strong,
|
||||
h2 strong,
|
||||
h3 strong {
|
||||
color: #404040;
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h1 strong,
|
||||
h2 strong,
|
||||
h3 strong {
|
||||
color: #898989;
|
||||
}
|
||||
|
||||
tbody,
|
||||
h4 strong {
|
||||
color: #404040;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h4 strong {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
|
||||
/* Buttons
|
||||
------------------------------------------------------------- */
|
||||
.btn {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0px;
|
||||
padding: 6px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn-color-grey,
|
||||
.btn-color-grey:visited,
|
||||
.btn-color-grey:link {
|
||||
background: #fff;
|
||||
color: #898989;
|
||||
border: solid #898989 5px;
|
||||
}
|
||||
|
||||
.btn-color-orange,
|
||||
.btn-color-orange:visited,
|
||||
.btn-color-orange:link {
|
||||
background: #fff;
|
||||
color: #F7BF08;
|
||||
border: solid #F7BF08 5px;
|
||||
}
|
||||
|
||||
.btn-color-grey:hover,
|
||||
.btn-color-grey:active {
|
||||
background: #898989;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn-color-orange:hover,
|
||||
.btn-color-orange:active {
|
||||
background: #F7BF08;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
|
||||
.button-wrapper {
|
||||
display: flex;
|
||||
flex-flow: column wrap;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.navigation-wrapper {
|
||||
margin: 60px 0 0 0;
|
||||
}
|
||||
|
||||
@media (min-width: 480px) {
|
||||
.button-wrapper {
|
||||
align-items: center;
|
||||
flex-flow: row wrap;
|
||||
-ms-flex-flow: row wrap;
|
||||
-webkit-flex-flow: row wrap;
|
||||
}
|
||||
.btn {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.btn {
|
||||
margin: 0 15px 15px 0;
|
||||
}
|
||||
.btn:last-of-type {
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Custom Underline
|
||||
------------------------------------------------------------- */
|
||||
em {
|
||||
color: #898989;
|
||||
background: linear-gradient(transparent 66%, #fde28c 66%);
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Layout
|
||||
------------------------------------------------------------- */
|
||||
.wrapper {
|
||||
width: 860px;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
header {
|
||||
width: 270px;
|
||||
float: left;
|
||||
position: fixed;
|
||||
-webkit-font-smoothing: subpixel-antialiased
|
||||
}
|
||||
|
||||
section,
|
||||
section-auditorium {
|
||||
float: right;
|
||||
width: 600px;
|
||||
padding: 0 0 40px 0;
|
||||
}
|
||||
|
||||
section > p,
|
||||
section-auditorium > p {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
section > p:last-child,
|
||||
section-auditorium > p:last-child {
|
||||
margin: 0 0 60px 0;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.row h4 {
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.row h4:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Tables
|
||||
------------------------------------------------------------- */
|
||||
.table-full-width {
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
td {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Footer
|
||||
------------------------------------------------------------- */
|
||||
footer {
|
||||
width: 270px;
|
||||
float: left;
|
||||
position: fixed;
|
||||
bottom: 100px;
|
||||
-webkit-font-smoothing: subpixel-antialiased
|
||||
}
|
||||
|
||||
.footnote {
|
||||
color: #d5d5d5;
|
||||
font-size: 14px;
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
|
||||
.footnote ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.footer-list {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.footer-list li {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
margin-right: 0.14em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Media Queries
|
||||
------------------------------------------------------------- */
|
||||
@media screen and (max-width: 960px) {
|
||||
div.wrapper {
|
||||
width: auto;
|
||||
margin: 0
|
||||
}
|
||||
header,
|
||||
section,
|
||||
section-auditorium,
|
||||
footer {
|
||||
float: none;
|
||||
position: static;
|
||||
width: auto
|
||||
}
|
||||
header {
|
||||
padding-right: 320px
|
||||
}
|
||||
section,
|
||||
section-auditorium {
|
||||
border: none;
|
||||
width: auto;
|
||||
padding: 0 0 0 0;
|
||||
margin: 40px 0 40px 0;
|
||||
}
|
||||
section > p:first-child,
|
||||
section > p:last-child,
|
||||
section-auditorium > p:first-child,
|
||||
section-auditorium > p:last-child {
|
||||
margin: 0 0 40px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
body {
|
||||
font-size: 14px;
|
||||
line-height: 1.3;
|
||||
padding: 15px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
h1,
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
line-height: 1.3;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
h3,
|
||||
h4 {
|
||||
font-size: 14px;
|
||||
line-height: 1.3;
|
||||
margin: 30px 0 15px 0;
|
||||
}
|
||||
h4 strong {
|
||||
font-size: 28px;
|
||||
}
|
||||
header {
|
||||
padding: 0
|
||||
}
|
||||
.logo {
|
||||
margin: 0;
|
||||
}
|
||||
hr {
|
||||
margin: 60px 0 0 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 15px 0 15px 0;
|
||||
}
|
||||
.row {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.row h4:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.table-full-width {
|
||||
width: 100%;
|
||||
}
|
||||
td {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user