try to fix gzip and font preloading, some text updates

This commit is contained in:
Felix 2020-02-15 14:39:22 +01:00
parent a29d9fd41b
commit 7703f42054
4 changed files with 21 additions and 14 deletions

View file

@ -29,13 +29,6 @@ server {
# Hide nginx version # Hide nginx version
server_tokens off; server_tokens off;
# Enable compression for JS/CSS/HTML bundle, for improved client load times.
# It might be nice to compress JSON, but leaving that out to protect against potential
# compression+encryption information leak attacks like BREACH.
gzip on;
gzip_types text/css application/javascript;
gzip_vary on;
# Only connect to this site via HTTPS # Only connect to this site via HTTPS
add_header Strict-Transport-Security "max-age=63072000"; add_header Strict-Transport-Security "max-age=63072000";
@ -45,9 +38,6 @@ server {
add_header X-Frame-Options "DENY"; add_header X-Frame-Options "DENY";
add_header X-XSS-Protection "1; mode=block"; add_header X-XSS-Protection "1; mode=block";
# Upload limit for pictshare
client_max_body_size 50M;
location / { location / {
proxy_pass http://0.0.0.0:8080; proxy_pass http://0.0.0.0:8080;
proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Real-IP $remote_addr;

View file

@ -17,6 +17,17 @@ http {
server { server {
listen 80; listen 80;
server_name localhost; server_name localhost;
# Hide nginx version
server_tokens off;
# TODO: this is not really working
gzip on;
gzip_types text/css application/javascript application/json text/vtt text/html image/svg+xml;
gzip_vary on;
# TODO: maybe setup cache as well
location / { location / {
root /app; root /app;
index index.html; index index.html;

View file

@ -21,6 +21,11 @@
<meta name="twitter:title" content="JoinPeerTube"> <meta name="twitter:title" content="JoinPeerTube">
<meta name="twitter:description" content="PeerTube is a decentralized video hosting network, based on free/libre software. Join the federation and take back control of your videos!."> <meta name="twitter:description" content="PeerTube is a decentralized video hosting network, based on free/libre software. Join the federation and take back control of your videos!.">
<meta name="twitter:image" content="https://joinpeertube.org<%= BASE_URL %>img/card-opengraph.jpg"> <meta name="twitter:image" content="https://joinpeertube.org<%= BASE_URL %>img/card-opengraph.jpg">
<link rel="preload" href="/fonts/proza-libre-v4-latin-regular.woff2" as="font" crossorigin="anonymous" />
<link rel="preload" href="/fonts/proza-libre-v4-latin-600.woff2" as="font" crossorigin="anonymous" />
<link rel="preload" href="/fonts/pt-sans-v11-latin-regular.woff2" as="font" crossorigin="anonymous" />
<link rel="preload" href="/fonts/pt-sans-v11-latin-700.woff2" as="font" crossorigin="anonymous" />
</head> </head>
<body> <body>

View file

@ -11,8 +11,8 @@
<img class="peertube-mascot" :src="buildImgUrl(mascotPaths[currentMascot])" @click="switchMascot()" alt="" height="150px"> <img class="peertube-mascot" :src="buildImgUrl(mascotPaths[currentMascot])" @click="switchMascot()" alt="" height="150px">
<div class="marketing" v-translate> <div class="marketing" v-translate>
With more than 100 000 hosted videos, viewed more than 6 millions times and 20 000 users, Peertube is an open, federated alternative to Youtube without advertising or tracking.
PeerTube is the decentralized free software alternative to videos platforms developed by Framasoft On this site, you can find a good Peertube instance, with good rules, good moderation and most importantly a friendly community.
</div> </div>
</section> </section>
@ -24,6 +24,7 @@
<iframe sandbox="allow-same-origin allow-scripts" v-bind:src="getIframeUrl()" frameborder="0" allowfullscreen></iframe> <iframe sandbox="allow-same-origin allow-scripts" v-bind:src="getIframeUrl()" frameborder="0" allowfullscreen></iframe>
</div> </div>
<!--
<div> <div>
<div class="citation"> <div class="citation">
<div class="left-bar"></div> <div class="left-bar"></div>
@ -37,6 +38,7 @@
TODO: write something about our inclusion rules etc here TODO: write something about our inclusion rules etc here
</p> </p>
</div> </div>
-->
</div> </div>
</section> </section>
@ -141,8 +143,7 @@
.marketing { .marketing {
font-size: 16px; font-size: 16px;
margin: 30px auto; margin: 70px;
width: 500px;
text-align: center; text-align: center;
@media screen and (max-width: $small-screen) { @media screen and (max-width: $small-screen) {