Added a lot of stuff
parent
e94c53c337
commit
46fe7cbbac
|
@ -0,0 +1,159 @@
|
|||
// Fonts definition
|
||||
|
||||
@font-face {
|
||||
font-family: monospaced_code;
|
||||
src: url("/static/terminus.woff");
|
||||
}
|
||||
|
||||
// Variables
|
||||
@cyan: #009090;
|
||||
@click: #003b3b;
|
||||
@banner_alpha: rgba(106,231,137,0.1);
|
||||
@banner: rgb(106,231,137);
|
||||
@cool_red: #94000c;
|
||||
@cool_click: #99000c;
|
||||
|
||||
// Functions
|
||||
.border_red {
|
||||
border-style:solid;
|
||||
border-color:@cool_red;
|
||||
}
|
||||
|
||||
.border_green {
|
||||
border-style:solid;
|
||||
border-color: @banner;
|
||||
}
|
||||
|
||||
// Stylesheet for mobile devices:
|
||||
@media screen and (max-width: 800px) {
|
||||
.sidebar {
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
top:0;
|
||||
left:0px;
|
||||
right:0px;
|
||||
background-color: @banner_alpha;
|
||||
border-color: @cool_click;
|
||||
border-bottom-style: outset;
|
||||
width:auto;
|
||||
margin-bottom: 10px;
|
||||
.button {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
position:static;
|
||||
left: 125px;
|
||||
bottom: 0;
|
||||
}
|
||||
.container, .outline-2 {
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
.border_red();
|
||||
}
|
||||
p {
|
||||
max-width: 90%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
// Stylesheet for desktop
|
||||
@media screen and (min-width: 801px) {
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 125px;
|
||||
height: 100%;
|
||||
transition: all 0.5s ease;
|
||||
background-color: @banner_alpha;
|
||||
border: 1px solid @banner;
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
}
|
||||
.content {
|
||||
position: relative;
|
||||
margin-left: 0px;
|
||||
width: 100%;
|
||||
right: -130px;
|
||||
max-width: 100% - 130px;
|
||||
}
|
||||
|
||||
.container, .outline-2 {
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
.border_red();
|
||||
}
|
||||
p {
|
||||
max-width: 65%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Common for desktop and mobile */
|
||||
body {
|
||||
background-color: black;
|
||||
font-family:monospace;
|
||||
background-image: url(/img/coche_screw.png), url(/img/screw.png), url(/img/stars.png);
|
||||
background-repeat: no-repeat, no-repeat, repeat;
|
||||
background-position: bottom left, top right, left;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6, p, ul, li, pre, blockquote {
|
||||
color: white;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @cool_click;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: gray;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.src {
|
||||
background-color: black!important;
|
||||
padding: 10px;
|
||||
margin: 5px;
|
||||
.border_red();
|
||||
border-style:dashed;
|
||||
}
|
||||
|
||||
.cat_image {
|
||||
border-style: solid;
|
||||
border: 1px solid ;
|
||||
border-left: 0px;
|
||||
border-top: 0px;
|
||||
border-right: 0px;
|
||||
|
||||
}
|
||||
.button {
|
||||
border: 1px;
|
||||
border-style: solid;
|
||||
width: 120px;
|
||||
margin: 2px;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 16px;
|
||||
color: @banner;
|
||||
margin: auto;
|
||||
|
||||
}
|
||||
.border_green();
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospaced_code
|
||||
}
|
Binary file not shown.
After Width: | Height: | Size: 96 KiB |
Binary file not shown.
After Width: | Height: | Size: 98 KiB |
|
@ -4,7 +4,7 @@
|
|||
#+OPTIONS: html-style:nil
|
||||
#+OPTIONS: num:nil p:nil pri:nil stat:nil tags:nil tasks:nil tex:nil timestamp:nil toc:nil title:nil
|
||||
#+TITLE: Suragu.net - Laughing to the Article 368
|
||||
#+HTML_HEAD_EXTRA: <link rel="stylesheet" type="text/css" href="css/styles.css"/>
|
||||
#+HTML_HEAD_EXTRA: <link rel="stylesheet" type="text/css" href="css/marijuana.css"/>
|
||||
#+EXPORT_FILE_NAME: marijuana_reviews.html
|
||||
|
||||
* SURAGU’s Marijuana Reviews
|
||||
|
|
24
media.org
24
media.org
|
@ -40,12 +40,12 @@ I love the "guy who think he's cool" cinema.
|
|||
- *Scarface (1983)*: Masterpiece.
|
||||
- *Navajeros (1980)*: Funny at times but didn't like it at all.
|
||||
- *El pico (1983)*: Way better than Navajeros and has a cool message.
|
||||
- *El pico 2 (1984)*: This one was interesting.
|
||||
- *El pico 2 (1984)*: This one was interesting.
|
||||
- *Scary Movie (2000):* Utter shit. But THC boosts movies.
|
||||
- *Ali G Indahouase:* ???
|
||||
- *The Godfather (1972):* Masterpiece
|
||||
- *Lady Snowblood (1973):* I loved Kill Bill. I loved this even more.
|
||||
- *The great lebowski:* Same as fear and loathing in las vegas.
|
||||
- *The great lebowski:* Same as fear and loathing in las vegas.
|
||||
** Videogames
|
||||
Well, now I got a decent computer in which I can play games
|
||||
decently. I have completed all the storyline of these games unless
|
||||
|
@ -71,17 +71,15 @@ anime shows and movies in this section.
|
|||
because I analyze the situation, which makes me laugh
|
||||
uncontrollably. Altough it was fun to watch.
|
||||
- *Shoujo Tsubaki (1992)* : The thing stated above doesn't apply for this
|
||||
one. This one is actually depressing.
|
||||
one. This one is actually depressing.
|
||||
- *Belladonna of Sadness (1973)*: Masterpiece. The Japanese version of
|
||||
Pink Floyd's The Wall. Psychedelic, deep, and weird.
|
||||
|
||||
** Books
|
||||
I know how to read
|
||||
|
||||
- *Neuromancer (1984)*: A drugaddict hacker needs to make money but he
|
||||
can't work because he stole from his bosses.
|
||||
|
||||
|
||||
** Music
|
||||
This shit will never be complete.
|
||||
|
||||
|
@ -91,21 +89,21 @@ a * means that I have a physical copy
|
|||
- *bôa - Twilight*
|
||||
- *CCR - Pendulum*
|
||||
- *Chief Keef - Finally Rich*
|
||||
- *Chief Keef - The Leek, Vol. 1:* Sounds like Korean Vaporwave
|
||||
- *Chief Keef - The Leek, Vol. 1:* Sounds like Korean Vaporwave
|
||||
- *D.R.I. - Crossover* All songs are the same to be honest
|
||||
- *D.R.I. - Thrash zone* Cool
|
||||
- *DJ Screw - All screwed up Vol. II*
|
||||
- *DJ Screw - 3 N’ The Mornin’ Part One*
|
||||
- *DJ Screw - 3 N' The Mornin' Part Two*
|
||||
- *DJ Screw - 3 N' The Mornin' Part Two*
|
||||
- *DJ Screw - The Legend*
|
||||
- *Dr. Octagon - Dr. Octagonecologyst*: Kool Keith is a genius.
|
||||
- *Dr. DOOOM - First come, first served*
|
||||
- *Dr. DOOOM - First come, first served*
|
||||
- *Denzel Curry - Melt my eyez see your future*
|
||||
- *Envidia Kotxina - Asi en la tierra komo en el zielo*
|
||||
- *Gospel - The Moon is a Dead world*
|
||||
- *Iron Maiden - Somewhere in time* My favorite album from these dudes
|
||||
- *Kanye West - My Beautiful Dark Twisted Fantasy (2010)*
|
||||
- *Kendrick Lamar - DAMN.*
|
||||
- *Kendrick Lamar - DAMN.* Second best album by this guy *
|
||||
- *Kendrick Lamar - Section.80*
|
||||
- *Kendrick Lamar - good kid, m.A.A.d. city:* I listen to this album at night while doing stuff and I like it.
|
||||
- *King Geedorah* - Take me to your leader
|
||||
|
@ -121,14 +119,14 @@ a * means that I have a physical copy
|
|||
- *MF DOOM - MM..FOOD*
|
||||
- *Metallica - Kill ’em all*
|
||||
- *Metallica - Ride the lighting*
|
||||
- *Metallica - Master of Puppets*
|
||||
- *Metallica - Master of Puppets*
|
||||
- *Metallica - ...And Justice for All* *
|
||||
- *Metallica - Metallica* *
|
||||
- *Metallica - Metallica* *
|
||||
- *Megadeth - Rust in peace* *
|
||||
- *Megadeth - Countdown to extinction*
|
||||
- *Megadeth - Youthanasia* *
|
||||
- *MF Grimm - The hunt for the Gingerbread man:* Underrated. *
|
||||
- *Madvillain - Madvillany: Masterpiece.*
|
||||
- *Madvillain - Madvillany: The best album ever made.*
|
||||
- *Makaveli - The Don Killuminati: The 7 Day Theory*
|
||||
- *Neutral Milk Hotel - In the airplane over the sea:* Dude please learn how to sing.
|
||||
- *Scattle - Backup*
|
||||
|
@ -140,5 +138,5 @@ a * means that I have a physical copy
|
|||
- *cLOUDEAD - cLOUDEAD*
|
||||
- *death’s dynamic shroud.wmv - I’ll try living like this*: Used to love it. Now it gives me anxiety.
|
||||
- *smashing pumpkins - mellon collie and the infinite sadness:* My mother likes it
|
||||
- *suicideboys - I want to die in new orleans + some of their EPs*
|
||||
- *$uicideboy$ - I want to die in new orleans + some of their EPs*
|
||||
- *わたしのココ - カラダは正直:* I was told by my friend that this was noise, I thought noise was about making music breaking plates and stuff. Album was good.
|
||||
|
|
|
@ -1,61 +0,0 @@
|
|||
#+INCLUDE: "../inc/header.html" export html
|
||||
#+options: toc:nil
|
||||
#+OPTIONS: html-postamble:nil
|
||||
#+OPTIONS: html-style:nil
|
||||
#+OPTIONS: num:nil p:nil pri:nil stat:nil tags:nil tasks:nil tex:nil timestamp:nil toc:nil title:nil
|
||||
#+TITLE: suragu.net - Brotli in OpenBSD's httpd
|
||||
#+HTML_HEAD_EXTRA: <link rel="stylesheet" type="text/css" href="../css/styles.css"/>
|
||||
#+EXPORT_FILE_NAME: index.xhtml
|
||||
|
||||
* Brotli in OpenBSD's httpd
|
||||
|
||||
The modern web is heavy. My website is not heavy, but I still wanted
|
||||
to add compression because why not. Fortunately, compression
|
||||
algorithms exists. Some web servers send compressed versions of the
|
||||
file they serve, to serve bandwith, or to make the site load
|
||||
faster. There are other methods to serve bandwith like minimized CSS,
|
||||
HTML and JavaScript. But I think we can all agree that using a
|
||||
compression algorithm is a better way to accomplish this.
|
||||
|
||||
The main compression algorithm supported by browsers (and web servers)
|
||||
is gzip. A compression algorithm that has been with us
|
||||
since 1992. It's kinda old, but still serves its purpose pretty
|
||||
well. Especially when you use all of its power with the =-9=
|
||||
flag. Which compresses the file way better. At the cost of slower
|
||||
speed of compression and decompression. But this isn't a big problem
|
||||
since the client isn't receiving large files, like more than 100MBs,
|
||||
the client is receiving HTMl, CSS and maybe JavaScript. Not binary
|
||||
files (compression is kinda counterproducent with binary files).
|
||||
|
||||
The OpenBSD httpd comes with the =gzip-static= option, you just add it
|
||||
wherever inside a =server= block in your httpd.conf. Then you =cd= to
|
||||
your webroot and run this command: =gzip -9k *.html=
|
||||
|
||||
=-9= was explained before. And =-k= tells gzip not to delete the files
|
||||
after they have been compressed. As =gzip= deletes the original
|
||||
file. keeping only the =.gz= file.
|
||||
|
||||
This should be enough for most scenarios. gzip compresses files really
|
||||
well. But I wanted more. So I made some changes to the httpd source
|
||||
code to add brotli support.
|
||||
|
||||
At first. I wanted to add zstd support to httpd. And when I had
|
||||
everything done. curl was receiving the zstd files instead of the
|
||||
original files, I realized that browsers do not (yet) have zstd
|
||||
support. So I decided to use brotli instead. It wasn't that difficult
|
||||
to accomplish as I already wrote the hard part. I only had to replace
|
||||
"zstd" with "br".
|
||||
|
||||
This isn't done automatically. If you currently have =gzip-static= on your httpd
|
||||
configuration. You must replace it with =br-static=. And then you have
|
||||
to remove all the =.gz= files in your webroot (as they aren't needed
|
||||
anymore). Then you can read the =brotli= manpage to learn how to use
|
||||
brotli. But I wanted maximum compression. So this command was enough:
|
||||
=brotli --max --keep *.xhtml=.
|
||||
|
||||
[[../img/brotli_httpd.png]]
|
||||
|
||||
You can download the patch [[https://ls.raoul11.net/files/KbQBFQat/brotli.patch][here]].
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue