tCleanup CSS by removing unused attributes - monochromatic - monochromatic blog: http://blog.z3bra.org
(HTM) git clone git://z3bra.org/monochromatic
(DIR) Log
(DIR) Files
(DIR) Refs
---
(DIR) commit 433969d5e6882858c412e99a030b092137a34077
(DIR) parent 6572501221c23126b9faf7490e5a2c698b839e78
(HTM) Author: Willy Goiffon <contact@z3bra.org>
Date: Mon, 23 Dec 2019 13:42:53 +0100
Cleanup CSS by removing unused attributes
Diffstat:
M 2014/04/pop-it-up.txt | 12 +++++-------
M 2014/11/avoid-workspaces.txt | 4 ++--
M footer.tmpl | 6 ++----
M header.tmpl | 3 +--
M monochrome.css | 55 +++++++------------------------
5 files changed, 22 insertions(+), 58 deletions(-)
---
(DIR) diff --git a/2014/04/pop-it-up.txt b/2014/04/pop-it-up.txt
t@@ -178,14 +178,12 @@ will appear!
#### key presses
The last type of popup I use is those that occur when a key is pressed. The best
exemple for that are the volume keys. I don't know how you handle this, but
-personnally, I use `xbindkeys` for that. It's a software that let the user map
+personnally, <s>I use `xbindkeys` for that. It's a software that let the user map
commands to hotkeys, which is totally useful for everything. I know some people
-(`bspwm` users, mostly) use baskerville's `sxhkd` to do so. <span
-class='strike'>I have nothing against this soft, but it will just not cut it
-here. For further explanations, see [this comment
-@nixers.net](http://nixers.net/showthread.php?tid=888&pid=9444#pid9444).</span>
+(`bspwm` users, mostly) use baskerville's `sxhkd` to do so. I have nothing against this soft, but it will just not cut it here. For further explanations, see [this comment
+@nixers.net](http://nixers.net/showthread.php?tid=888&pid=9444#pid9444).</s>
([/u/jumpwah](http://reddit.com/u/jumpwah) pointed that `sxhkd` can run
-multiple commands using a single keybind, as show in
+multiple commands using a single keybind, as shown in
[`examples/sxhkdrc`](https://github.com/baskerville/bspwm/blob/master/examples/sxhkdrc#L26-29)).
So, if you already use `xbindkeys` to change your volume level, probably already
t@@ -295,7 +293,7 @@ Here are a few other ideas I had (but did not bother trying :P):
* Make long notifications scroll using `skroll`
* shampoo / soap
* 4 apples
-* <span class='strike'>some fresh meat</span> <em>Ah, wrong list...</em>
+* <del>some fresh meat</del> <em>Ah, wrong list...</em>
* ...
* Be creative, as usual!
(DIR) diff --git a/2014/11/avoid-workspaces.txt b/2014/11/avoid-workspaces.txt
t@@ -7,8 +7,8 @@
If you're used to the Linux desktop, you might already know what virtual
desktops (usally called "workspaces" too) are. If not, then
-<span class="strike">[RTFM](https://en.wikipedia.org/wiki/Virtual_desktop)</span>
-here is a quick explanation:
+<del>[RTFM](https://en.wikipedia.org/wiki/Virtual_desktop)</del> here
+is a quick explanation:
> Since the first graphical user interface, users were presented a "desktop".
> It's a space that covers the whole screen, where programs can be run
(DIR) diff --git a/footer.tmpl b/footer.tmpl
t@@ -1,9 +1,7 @@
- </div>
<footer>
<a href='http://www.isc.org/downloads/software-support-policy/isc-license/'>© ISC</a> //
- <a href='mailto:contact@z3bra.org'>mail</a> <!-- ✉ -->//
- <a href='http://z3bra.org'>root</a> <!-- ☮ -->//
- <a href='http://blog.z3bra.org/rss/feed.xml'>rss</a> <!-- ★ -->
+ <a href='mailto:contact@z3bra.org'>✉ mail</a> <!-- ✉ -->//
+ <a href='http://blog.z3bra.org/rss/feed.xml'>⚛ feed</a> <!-- ★ -->
</footer>
</body>
</html>
(DIR) diff --git a/header.tmpl b/header.tmpl
t@@ -9,6 +9,5 @@
<body>
<header>
<h1><a href='/'>Monochromatic</a></h1>
- <h2>— z3bra, the stripes apart</h2>
+ <h2>— <a href='https://z3bra.org'>z3bra</a>, the stripes apart</h2>
</header>
- <div id='wrapper'>
(DIR) diff --git a/monochrome.css b/monochrome.css
t@@ -1,27 +1,13 @@
-/* vim: set ai sw=4 ts=4 fdm=marker: */
-
-/* Font definitions {{{ */
-@font-face {
- font-family: archivo;
- src: url(/css/fonts/archivo.otf);
- font-weight: normal;
- font-style: normal;
-}
-/* }}} */
-
-/* Main blocks style {{{ */
+/* Main blocks style */
body {
- padding: 0;
- margin: 0;
- font-family: sans-serif;
-}
-
-#wrapper {
width:90%;
max-width:720px;
margin:auto;
}
+#wrapper {
+}
+
footer {
text-align: center;
margin: auto;
t@@ -31,17 +17,7 @@ footer {
padding: 10px;
}
-#blank {
- height: 100%;
- padding:10px;
-}
-/* }}} */
-
-/* Titles and headers {{{ */
-h1, h3 {
- font-family: archivo, sans-serif;
-}
-
+/* Titles and headers */
h1, h2 {
display: inline-block;
}
t@@ -51,9 +27,8 @@ h2 {
color: #666;
font-size: 100%;
}
-/* }}} */
-/* Pretty links {{{ */
+/* Pretty links */
a {
color: #333;
text-decoration: none;
t@@ -82,9 +57,8 @@ header h1 a:hover {
color: #fff;
text-shadow: 0px 0px 8px #755;
}
-/* }}} */
-/* Coding style (<code>) {{{ */
+/* Coding style (<code>) */
pre {
color: #eee;
font-family: monospace;
t@@ -101,9 +75,8 @@ pre code {
padding: 0;
border: none;
}
-/* }}} */
-/* Text Formatting {{{ */
+/* Text Formatting */
blockquote, q {
color: #666;
font-style: italic;
t@@ -115,11 +88,10 @@ blockquote {
margin-left: -8px;
}
-.strike { text-decoration: line-through; }
-
-/* }}} */
-
-/* Images and associated text {{{ */
+/* Medias and associated text */
+video {
+ width: 100%;
+}
img {
display: block;
t@@ -128,8 +100,6 @@ img {
margin:auto;
}
-video { width: 100%; }
-
/* Comment images - use with <span> or <div> */
.caption {
display: block;
t@@ -137,4 +107,3 @@ video { width: 100%; }
margin: auto;
text-align: center;
}
-/* }}} */