commit aca3377877ac9d8f15901f7f10be7f815de8f8da
parent 83d65dd08370d215d873630aae8d2cca843348b2
Author: mjkloeckner <martin.cachari@gmail.com>
Date: Sun, 18 Sep 2022 13:18:42 -0300
Update 18-09-22
Diffstat:
9 files changed, 27 insertions(+), 25 deletions(-)
diff --git a/articles/00/dwm_config.html b/articles/00/dwm_config.html
@@ -14,7 +14,7 @@
<article>
<h3 style="text-align: left;"><u>DWM - A tiling window manager configuration</u></h3>
- <p>A window manager it's a software that can manage the layout and appearance of every window spawned in your desktop, most people confuse them with desktop enviroments, which isn't the same since a desktop enviroment it's more of an ecosystem, they come with a more 'complete' set of tools, like a basic web browser, a terminal emulator or calculator, an example of desktop enviroment would be gnome, xfce or kde plasma; instead a window manager it's only the software that manages the windows spawned, although there are window manager that come with just a little bit more like docks or taskbars (openbox for example).</p>
+ <p>A window manager is a software that can manage the layout and appearance of every window spawned in your desktop, most people confuse them with desktop enviroments, which isn't the same since a desktop enviroment is more of an ecosystem, they come with a more 'complete' set of tools, like a basic web browser, a terminal emulator or calculator, an example of desktop enviroment would be gnome, xfce or kde plasma; instead a window manager is only the program that manages the windows spawned, although there are window managers that come with a little more, like docks or taskbars (openbox for example).</p>
<p> In my case I use dwm, which is a window manager written in C developed by suckless software. The most relevant thing of this window manager is that out of the box it comes with the most basic functionallity, and if you want to extend it you need to patch it.</p>
@@ -40,7 +40,7 @@
<br>
- <p>As you can see above you can only install DWM on GNU/Linux or BSD based distros, unfortunally dwm it's not available for Windows users but I'm sure there is an alternative.</p>
+ <p>As you can see above you can only install DWM on GNU/Linux or BSD based distros, unfortunally dwm is not available for Windows users but I'm sure there is an alternative.</p>
<!-- <br> -->
<h5>Installation</h5>
@@ -91,10 +91,11 @@
<code>$ <em id=command>patch</em> -p1 <em id=command_red><</em> <u><name of the file></u></code>
- <p>If you never patched dwm before then probably it's gonna work on the first try, but if you already have a ton of patches then probably it's gonna fail to patch, in this case you need to get your hands dirty, and manually patch all the files that failed. You do this by opening the files with a .rej extension, this means rejected, and the corresponding file to be patched, for example dwm.c and dwm.c.rej, and then you add all the chunks of code in the corresponding place in dwm.c, you know where you should put the chunks of code because in the .rej file you can see at the start of every chunk there is a '@@' followed by a number of line which indicates between which and which line you sould put add or remove the followed chunk of code, i.e. a line starting with plus means add, and minus means delete.</p>
+ <p>If you never patched dwm before then probably no errors would be reportjd, but if you already have applied a ton of patches then probably you would get a HUNK ## FAILED, in this case you need to get your hands dirty, and manually patch all the files that failed, you do this by opening the files with .rej extension (short for rejected), and the corresponding file to be patched, for example dwm.c and dwm.c.rej, and then you add all the chunks of code from the rejected file into the corresponding place in the non rejected file, you know where you should put the chunks of code because in the rej file you can see at the start of every chunk there is a '@@' followed by a number of line; also lines starting with plus means add, and minus means delete, if i'm not clear you should google how to use diff and patch to modify a file.</p>
<h5><u>Useful links</u></h5>
<ul>
+ <li><a href="https://en.wikipedia.org/wiki/Window_manager">What is a window manager?</a></li>
<li>Make sure to check the <a href="https://suckless.org/">suckless webiste</a></li>
<li><a target="_blank" href="https://dwm.suckless.org/">suckless dwm website</a></li>
<li><a target="_blank" href="https://www.x.org/releases/X11R7.7/doc/man/man1/Xserver.1.xhtml">X server man page</a></li>
diff --git a/common/about.html b/common/about.html
@@ -18,14 +18,13 @@
<div class="presentation">
<img class=profile_img src="face.jpeg" title="Profile picture" alt="Profile picture">
- <h3>Martin Klöckner</h3>
<p>Electronics engineering student at Univerity of Buenos Aires, Argentina</p>
<br>
<h3 id="skills_heading"><u>Principal skills</u></h3>
<div class="skills_logos">
- <img class="skills_logo" src="logos/c.png" title="Profile picture" alt="Profile picture">
- <img class="skills_logo" src="logos/c++2.png" title="Profile picture" alt="Profile picture">
- <img class="skills_logo" src="logos/python.png" title="Profile picture" alt="Profile picture">
+ <img class="skills_logo" src="logos/c.png" title="C logo" alt="C logo">
+ <img class="skills_logo" src="logos/c++2.png" title="C++ logo" alt="C++ logo">
+ <img class="skills_logo" src="logos/python.png" title="Python logo" alt="Python logo">
<!-- <img max-width: 10em class="linux_logo" src="logos/linux2.png" title="Profile picture" alt="Profile picture"> -->
</div>
</div>
@@ -54,7 +53,7 @@
<h4 style="color: tomato;"><u>Contact info</u></h4>
<p><ul>
<li>mail: <a href="mailto:martin.cachari@gmail.com">martin.cachari@gmail.com</a> </li>
- <li>github: <a href="https://github.com/klewer-martin">github.com/mjkloeckner</a></li>
+ <li>github: <a href="https://github.com/mjkloeckner">github.com/mjkloeckner</a></li>
</ul></p>
</article>
<!--#include virtual="footer.shtml" -->
diff --git a/common/about_style.css b/common/about_style.css
@@ -11,13 +11,14 @@
.profile_img {
margin-left: auto;
margin-right: auto;
+ margin-bottom: 1em;
- max-width: 15em;
+ max-width: 20em;
border-style: dashed;
border-color: peru;
- border-width: 1.75px;
- border-radius: .75em;
+ /* border-width: 1.75px; */
+ /* border-radius: .75em; */
box-shadow: 3px 3px 3px black;
}
diff --git a/common/articles.html b/common/articles.html
@@ -2,7 +2,7 @@
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
- <title>Articles - Martin Klöckner's webpage</title>
+ <title>Blog - Martin Klöckner's webpage</title>
<link rel='stylesheet' type='text/css' href="/css/style.css">
<link rel="icon" href="/favicon.ico">
<meta charset="utf-8"/>
@@ -12,7 +12,7 @@
<!--#include virtual="header.shtml" -->
<article>
- <h2 style="color:#DAA520; text-shadow: 5px 5px 5px black;">Articles</h2>
+ <h2 style="color:#DAA520; text-shadow: 5px 5px 5px black;">Blog</h2>
<ul id=recent_articles>
<!-- <li>01 Sep 2021 -- <a href="/articles/01/vim_config.html">What is LaTeX?</a></li> -->
diff --git a/common/footer.shtml b/common/footer.shtml
@@ -1,3 +1,3 @@
-<footer>
- <b>This webpage has been written by Martin J. Klöckner.</b>
+<footer class="footer">
+ <b>This webpage has been written by Martin J. Klöckner</b>
</footer>
diff --git a/common/header.shtml b/common/header.shtml
@@ -3,9 +3,9 @@
<a href="/index.html" id="header_link">Martin Klöckner</a>
</h1>
<div class="header_buttons">
- <a href="/index.html" style="text-decoration: none;">home</a>
- <a href="/common/articles.html" style="text-decoration: none;">articles</a>
- <a href="/common/library.html" style="text-decoration: none;">library</a>
+ <!-- <a href="/index.html" style="text-decoration: none;">home</a> -->
+ <a href="/common/articles.html" style="text-decoration: none;">blog</a>
+ <!-- <a href="/common/library.html" style="text-decoration: none;">library</a> -->
<!-- <a href="/common/downloads.html" style="text-decoration: none;">downloads</a> -->
<a href="/common/about.html" style="text-decoration: none;">about</a>
</div>
diff --git a/css/style.css b/css/style.css
@@ -39,8 +39,7 @@ body {
header {
color: crimson;
- /* background: #151515; */
- background: #191919;
+ /* background: #191919; */
max-width: 42em;
@@ -122,8 +121,7 @@ header {
article {
color: antiquewhite;
- /* background: #151515; */
- background: #191919;
+ /* background: #191919; */
max-width: 55em;
@@ -189,7 +187,7 @@ footer {
font-size: 0.75em;
/* color: #151515; */
- color: antiquewhite;
+ color: dimgrey;
font-family: monospace;
}
diff --git a/index.html b/index.html
@@ -11,14 +11,16 @@
<body id=top>
<!--#include virtual="/common/header.shtml" -->
+ <script src="js/hello.js"></script>
+
<article>
- <h2 style="color:#DAA520; text-shadow: 5px 5px 5px black;">Welcome, to my webpage!</h2>
+ <h2 style="color:#DAA520; text-shadow: 5px 5px 5px black;">Welcome, to Martin's webpage!</h2>
<p>Hello world! this is my website, which I did to experiment with Web Development and such. Feel free to surf the couple of pages that I made for you, you can navigate them by the menu on top, below the title, you can also choose an article in the <a href="#recent_articles">recent articles</a> section.
</p><br>
<p>If you want to contact me to make business or just to talk you can head to <a href="/common/about.html">about</a> section where you can read a little bit of my history and get my contact info.</p>
- <h3 style="text-align: left;"><u>Recent articles</u></h3>
+ <h3 style="text-align: left;"><u>Latest uploads</u></h3>
<!-- <table id="recent_articles"> -->
<!-- <tbody> -->
diff --git a/js/hello.js b/js/hello.js
@@ -0,0 +1 @@
+console.log("Hello, world!");
