murteza
/
blog.old
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

publish: Blog in Progress #2

This commit is contained in:
murtezayesil 2020-08-19 14:15:05 +06:00
parent d242d019b9
commit 9b0b0f77e1
21 changed files with 589 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
content/Notes/blog_in_progress_2.md Normal file
View File

@ -0,0 +1,21 @@
title: Blog in Progress #2
date: 202-08-19 12:45
tags: 100DaysToOffload
summary: I have more ambitious plans for the update to blog's theme. It will take time. I am thinking of few months.
status: published
comment:
hundreddaystooffload: 21
Current theme I use isn't all old school but it isn't responsive enough either. Since I don't want to have external dependencies to other frameworks there will be no Bootstrap import. I am thinking of writing a responsive theme from scratch. Also, I am putting more emphasize on the text size and spacing. which is one of the things I don't like about the current theme. Of course I could change text sizes in blueidea theme but I am feeling itchy for a challenge 😅️
There is currently nothing to see. It doesn't render anything since bare minimum templates such as base.html and index.html aren't in place yet.
This is an ambitious projects since I didn't write any website from scratch before. I only have basic understanding of HTML, CSS, responsive design and [a11y](https://www.a11yproject.com/ "Make Web Accessible for everyone"). Features I implemented into blueidea are held together with band-aids. That is why I didn't made a pull request with my changes to [blueidea's github repo](https://github.com/nasskach/pelican-blueidea). This new theme will have those features by design (now that is a selling pitch for something that doesn't exist yet).
Planned features are decided but not yet __TBA__
---
I still didn't fix MP4 MIME type issue. If you are facing that issue, you can download the video via . There is currently only one mp4 video and I am thinking of self hosting a PeerTube instance and embedding videos from the that instead of using limited storage space of server for this blog.
![this is fine gif](images/this_is_fine.gif)

BIN
content/images/this_is_fine.gif Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 MiB

2
output/archives.html
View File

@ -91,6 +91,8 @@
<dd><a href="https://murtezayesil.me/digital-cleansing-for-better-privacy.html">Digital Cleansing For Better Privacy</a></dd>
<dt>Fri 10 July 2020</dt>
<dd><a href="https://murtezayesil.me/privacy-for-the-whole-family.html">Privacy For The Whole Family</a></dd>
<dt>Thu 19 August 202</dt>
<dd><a href="https://murtezayesil.me/blog-in-progress-2.html">Blog in Progress #2</a></dd>
</dl>
</section>
<section id="extras" class="body">

2
output/author/ali-murteza-yesil.html
View File

@ -236,7 +236,7 @@ Battery: ~3000mAh (was 4100mAh but aged 25% in 3 years)</p>
</article></li>
</ol><!-- /#posts-list -->
<p class="paginator">
Page 1 / 2
Page 1 / 3
<a href="https://murtezayesil.me/author/ali-murteza-yesil2.html">&raquo;</a>
</p>
</section><!-- /#content -->

3
output/author/ali-murteza-yesil2.html
View File

@ -212,7 +212,8 @@
</ol><!-- /#posts-list -->
<p class="paginator">
<a href="https://murtezayesil.me/author/ali-murteza-yesil.html">&laquo;</a>
Page 2 / 2
Page 2 / 3
<a href="https://murtezayesil.me/author/ali-murteza-yesil3.html">&raquo;</a>
</p>
</section><!-- /#content -->
<section id="extras" class="body">

129
output/author/ali-murteza-yesil3.html Normal file
View File

@ -0,0 +1,129 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Ali Murteza Yesil - Ali Murteza Yesil</title>
<link rel="stylesheet" href="https://murtezayesil.me/theme/css/main.css" />
<link href="https://murtezayesil.me/feeds/atom.xml" type="application/atom+xml" rel="alternate" title="Ali Murteza Yesil Atom Feed" />
<link href="https://murtezayesil.me/feeds/rss.xml" type="application/rss+xml" rel="alternate" title="Ali Murteza Yesil RSS Feed" />
<!-- This border added via BLACK_LIVES_MATTER toggle in site settings -->
<style>
body {
border-width: 5em ;
border-color: #000000 ;
border-style: none solid solid solid ; /* top border : none, right bottom left : solid */
}
</style>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="index" class="home">
<!-- This banner added via BLACK_LIVES_MATTER toggle in site settings -->
<div style="background-color: black; padding: 1em; margin-bottom: .8em">
<h1 style="text-align: center; margin-bottom: 0em"><a href="https://blacklivesmatter.com/" style="color: #fce21b; font-size: 2em">Black Lives Matter</a></h1>
</div>
<header id="banner" class="body">
<h1><a href="https://murtezayesil.me/">Ali Murteza Yesil <strong>Blog</strong></a></h1>
<nav><ul>
<li><a href="https://murtezayesil.me/pages/about.html">About</a></li>
<li><a href="https://murtezayesil.me/pages/contact.html">Contact</a></li>
</ul>
<form id="search" action"#" onsubmit="javascript:window.open('https://duckduckgo.com/?q='+document.getElementById('keywords').value+'+site:https://murtezayesil.me');">
<input id="keywords" type="text" />
</form>
</nav>
<div id="submenu">
<ul>
<li><a href="https://murtezayesil.me/category/notes.html">Notes</a></li>
<li><a href="https://murtezayesil.me/category/personal.html">Personal</a></li>
<li><a href="https://murtezayesil.me/category/tech.html">Tech</a></li>
</ul>
<div>
</header><!-- /#banner -->
<section id="content" class="body">
<ol id="posts-list" class="hfeed" start="9">
<li><article class="hentry">
<header>
<h1><a href="https://murtezayesil.me/blog-in-progress-2.html" rel="bookmark"
title="Permalink to Blog in Progress #2">Blog in Progress #2</a></h1>
</header>
<div class="entry-content">
<footer class="post-info">
<span>Thu 19 August 202</span>
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>21</strong> of #100DaysToOffload</span>
</footer><!-- /.post-info --> </div><!-- /.entry-content -->
</article></li>
</ol><!-- /#posts-list -->
<p class="paginator">
<a href="https://murtezayesil.me/author/ali-murteza-yesil2.html">&laquo;</a>
Page 3 / 3
</p>
</section><!-- /#content -->
<section id="extras" class="body">
<div class="blogroll">
<h2>blogroll</h2>
<ul>
<li><a href="https://kevq.uk">Kev Quirk</a></li>
<li><a href="https://mikestone.me">Mike Stone</a></li>
<li><a href="https://yarmo.eu/">Yarmo Mackenbach</a></li>
</ul>
</div><!-- /.blogroll -->
<div class="social">
<h2>social</h2>
<ul>
<li><a href="https://murtezayesil.me/feeds/atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
<li><a href="https://murtezayesil.me/feeds/rss.xml" type="application/rss+xml" rel="alternate">rss feed</a></li>
<li><a href="https://fosstodon.org/@murtezayesil" rel="me">Fostodon</a></li>
</ul>
</div><!-- /.social -->
</section><!-- /#extras -->
<footer id="contentinfo" class="body">
<p>Powered by <a href="http://getpelican.com/">Pelican</a>. Theme <a href="https://github.com/blueicefield/pelican-blueidea/">blueidea</a>, inspired by the default theme.</p>
</footer><!-- /#contentinfo -->
<!-- IndieWeb Profile -->
<!-- ToDo : Make IndieWeb Profile auto generating according to site preferences -->
<!-- This profile is created by following https://kevq.uk/how-to-create-an-indieweb-profile/ blog post. Thanks to Kev Quirk -->
<section style="display: none;" class="h-card">
<!-- About me -->
<span class="p-name">Ali Murteza Yesil</span>
<span class="p-note">I'm a student, privacy advocate and SysAdmin wannabe. I was born in Turkey but I live abroad.</span>
<!-- Profile picture -->
<img class="u-photo" src="https://murtezayesil.me/images/avatar_polygon_1.png"/>
<!-- My location -->
<!-- <span class="p-locality">City, Country or Country</span> -->
<!-- Links -->
<a class="u-url u-uid" href="https://murtezayesil.me"></a>
<!-- Mail Template <a class="u-email" rel="me" href="mailto:USERNAME@SERVICEPROVIDER"></a> -->
<a class="u-url" rel="me" href="https://fosstodon.org/@murtezayesil"></a>
<!-- Twitter Example <a class="u-url" rel="me" href="https://twitter.com/USERNAME"></a> -->
<!-- Template <a class="u-url" rel="me" href="https://URL"></a> -->
<!-- Categories -->
<span class="p-category">Blogging</span>
<span class="p-category">Open Source Software</span>
<span class="p-category">Privacy</span>
</section>
</body>
</html>

2
output/authors.html
View File

@ -49,7 +49,7 @@
</header><!-- /#banner -->
<section id="content" class="body">
<h1>Authors on Ali Murteza Yesil</h1> <li><a href="https://murtezayesil.me/author/ali-murteza-yesil.html">Ali Murteza Yesil</a> (20)</li>
<h1>Authors on Ali Murteza Yesil</h1> <li><a href="https://murtezayesil.me/author/ali-murteza-yesil.html">Ali Murteza Yesil</a> (21)</li>
</section>
<section id="extras" class="body">

136
output/blog-in-progress-2.html Normal file
View File

@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Blog in Progress #2</title>
<link rel="stylesheet" href="https://murtezayesil.me/theme/css/main.css" />
<link href="https://murtezayesil.me/feeds/atom.xml" type="application/atom+xml" rel="alternate" title="Ali Murteza Yesil Atom Feed" />
<link href="https://murtezayesil.me/feeds/rss.xml" type="application/rss+xml" rel="alternate" title="Ali Murteza Yesil RSS Feed" />
<!-- This border added via BLACK_LIVES_MATTER toggle in site settings -->
<style>
body {
border-width: 5em ;
border-color: #000000 ;
border-style: none solid solid solid ; /* top border : none, right bottom left : solid */
}
</style>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="index" class="home">
<!-- This banner added via BLACK_LIVES_MATTER toggle in site settings -->
<div style="background-color: black; padding: 1em; margin-bottom: .8em">
<h1 style="text-align: center; margin-bottom: 0em"><a href="https://blacklivesmatter.com/" style="color: #fce21b; font-size: 2em">Black Lives Matter</a></h1>
</div>
<header id="banner" class="body">
<h1><a href="https://murtezayesil.me/">Ali Murteza Yesil <strong>Blog</strong></a></h1>
<nav><ul>
<li><a href="https://murtezayesil.me/pages/about.html">About</a></li>
<li><a href="https://murtezayesil.me/pages/contact.html">Contact</a></li>
</ul>
<form id="search" action"#" onsubmit="javascript:window.open('https://duckduckgo.com/?q='+document.getElementById('keywords').value+'+site:https://murtezayesil.me');">
<input id="keywords" type="text" />
</form>
</nav>
<div id="submenu">
<ul>
<li class="active"><a href="https://murtezayesil.me/category/notes.html">Notes</a></li>
<li><a href="https://murtezayesil.me/category/personal.html">Personal</a></li>
<li><a href="https://murtezayesil.me/category/tech.html">Tech</a></li>
</ul>
<div>
</header><!-- /#banner -->
<section id="content" class="body">
<article>
<header>
<h1 class="entry-title">
<a href="https://murtezayesil.me/blog-in-progress-2.html" rel="bookmark"
title="Permalink to Blog in Progress #2">Blog in Progress #2</a></h1>
</header>
<div class="entry-content">
<footer class="post-info">
<span>Thu 19 August 202</span>
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>21</strong> of #100DaysToOffload</span>
</footer><!-- /.post-info --> <p>Current theme I use isn't all old school but it isn't responsive enough either. Since I don't want to have external dependencies to other frameworks there will be no Bootstrap import. I am thinking of writing a responsive theme from scratch. Also, I am putting more emphasize on the text size and spacing. which is one of the things I don't like about the current theme. Of course I could change text sizes in blueidea theme but I am feeling itchy for a challenge 😅️</p>
<p>There is currently nothing to see. It doesn't render anything since bare minimum templates such as base.html and index.html aren't in place yet.</p>
<p>This is an ambitious projects since I didn't write any website from scratch before. I only have basic understanding of HTML, CSS, responsive design and <a href="https://www.a11yproject.com/" title="Make Web Accessible for everyone">a11y</a>. Features I implemented into blueidea are held together with band-aids. That is why I didn't made a pull request with my changes to <a href="https://github.com/nasskach/pelican-blueidea">blueidea's github repo</a>. This new theme will have those features by design (now that is a selling pitch for something that doesn't exist yet).</p>
<p>Planned features are decided but not yet <strong>TBA</strong></p>
<hr>
<p>I still didn't fix MP4 MIME type issue. If you are facing that issue, you can download the video via . There is currently only one mp4 video and I am thinking of self hosting a PeerTube instance and embedding videos from the that instead of using limited storage space of server for this blog. </p>
<p><img alt="this is fine gif" src="images/this_is_fine.gif"></p>
</div><!-- /.entry-content -->
<!-- #100DaysToOffload message -->
<p>Day <strong>21</strong> of <a href="https://100daystooffload.com/" title="click to read about the challenge">#100DaysToOffload</a></p>
</article>
</section>
<section id="extras" class="body">
<div class="blogroll">
<h2>blogroll</h2>
<ul>
<li><a href="https://kevq.uk">Kev Quirk</a></li>
<li><a href="https://mikestone.me">Mike Stone</a></li>
<li><a href="https://yarmo.eu/">Yarmo Mackenbach</a></li>
</ul>
</div><!-- /.blogroll -->
<div class="social">
<h2>social</h2>
<ul>
<li><a href="https://murtezayesil.me/feeds/atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
<li><a href="https://murtezayesil.me/feeds/rss.xml" type="application/rss+xml" rel="alternate">rss feed</a></li>
<li><a href="https://fosstodon.org/@murtezayesil" rel="me">Fostodon</a></li>
</ul>
</div><!-- /.social -->
</section><!-- /#extras -->
<footer id="contentinfo" class="body">
<p>Powered by <a href="http://getpelican.com/">Pelican</a>. Theme <a href="https://github.com/blueicefield/pelican-blueidea/">blueidea</a>, inspired by the default theme.</p>
</footer><!-- /#contentinfo -->
<!-- IndieWeb Profile -->
<!-- ToDo : Make IndieWeb Profile auto generating according to site preferences -->
<!-- This profile is created by following https://kevq.uk/how-to-create-an-indieweb-profile/ blog post. Thanks to Kev Quirk -->
<section style="display: none;" class="h-card">
<!-- About me -->
<span class="p-name">Ali Murteza Yesil</span>
<span class="p-note">I'm a student, privacy advocate and SysAdmin wannabe. I was born in Turkey but I live abroad.</span>
<!-- Profile picture -->
<img class="u-photo" src="https://murtezayesil.me/images/avatar_polygon_1.png"/>
<!-- My location -->
<!-- <span class="p-locality">City, Country or Country</span> -->
<!-- Links -->
<a class="u-url u-uid" href="https://murtezayesil.me"></a>
<!-- Mail Template <a class="u-email" rel="me" href="mailto:USERNAME@SERVICEPROVIDER"></a> -->
<a class="u-url" rel="me" href="https://fosstodon.org/@murtezayesil"></a>
<!-- Twitter Example <a class="u-url" rel="me" href="https://twitter.com/USERNAME"></a> -->
<!-- Template <a class="u-url" rel="me" href="https://URL"></a> -->
<!-- Categories -->
<span class="p-category">Blogging</span>
<span class="p-category">Open Source Software</span>
<span class="p-category">Privacy</span>
</section>
</body>
</html>

2
output/categories.html
View File

@ -49,7 +49,7 @@
</header><!-- /#banner -->
<h1>Categories on Ali Murteza Yesil</h1>
<ul>
<li><a href="https://murtezayesil.me/category/notes.html">Notes</a> (4)</li>
<li><a href="https://murtezayesil.me/category/notes.html">Notes</a> (5)</li>
<li><a href="https://murtezayesil.me/category/personal.html">Personal</a> (6)</li>
<li><a href="https://murtezayesil.me/category/tech.html">Tech</a> (10)</li>
</ul>

16
output/category/notes.html
View File

@ -123,6 +123,22 @@
<span>| tags: <a href="https://murtezayesil.me/tag/code.html">code</a><a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>6</strong> of #100DaysToOffload</span>
</footer><!-- /.post-info --> </div><!-- /.entry-content -->
</article></li>
<li><article class="hentry">
<header>
<h1><a href="https://murtezayesil.me/blog-in-progress-2.html" rel="bookmark"
title="Permalink to Blog in Progress #2">Blog in Progress #2</a></h1>
</header>
<div class="entry-content">
<footer class="post-info">
<span>Thu 19 August 202</span>
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>21</strong> of #100DaysToOffload</span>
</footer><!-- /.post-info --> </div><!-- /.entry-content -->
</article></li>
</ol><!-- /#posts-list -->

8
output/feeds/atom.xml
View File

@ -709,4 +709,10 @@ I see many ways this can be achieved (numbers in front suggest how difficult I t
&lt;strong&gt;Installing on shared hosting&lt;/strong&gt;: But if you are intimidated with the idea of setting up your own server and managing it, you can use a shared hosting instead. Kev has a &lt;a href="https://kevq.uk/how-to-install-nextcloud-on-shared-hosting/"&gt;tutorial&lt;/a&gt; for that too, albeit it aged a bit old. &lt;br&gt;
&lt;strong&gt;Repurposing old hardware&lt;/strong&gt;: If you have an old computer gathering dust in a closet, why not use it as a home server! You will find many tutorials on the internet on &lt;a href="https://lbry.tv/@TheLinuxGuy:d/How-to-Install-Ubuntu-Server-20.04-LTS:5"&gt;how to install Ubuntu server&lt;/a&gt;. &lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;The only reason I followed manual method was some rookie mistake I made that caused Let's Encrypt HTTPS script to not work properly 😬️ I highly doubt you will face the same issue if you follow the tutorials carefully. Even if you do face some problems with &lt;a href="https://certbot.eff.org/"&gt;getting HTTPS certificate using &lt;code&gt;certbot&lt;/code&gt;&lt;/a&gt; command isn't difficult at all.&lt;/p&gt;</content><category term="Tech"></category><category term="privacy"></category><category term="nextcloud"></category><category term="self-hosting"></category><category term="100DaysToOffload"></category></entry></feed>
&lt;p&gt;The only reason I followed manual method was some rookie mistake I made that caused Let's Encrypt HTTPS script to not work properly 😬️ I highly doubt you will face the same issue if you follow the tutorials carefully. Even if you do face some problems with &lt;a href="https://certbot.eff.org/"&gt;getting HTTPS certificate using &lt;code&gt;certbot&lt;/code&gt;&lt;/a&gt; command isn't difficult at all.&lt;/p&gt;</content><category term="Tech"></category><category term="privacy"></category><category term="nextcloud"></category><category term="self-hosting"></category><category term="100DaysToOffload"></category></entry><entry><title>Blog in Progress #2</title><link href="https://murtezayesil.me/blog-in-progress-2.html" rel="alternate"></link><published>0202-08-19T12:45:00+04:58</published><updated>0202-08-19T12:45:00+04:58</updated><author><name>Ali Murteza Yesil</name></author><id>tag:murtezayesil.me,0202-08-19:/blog-in-progress-2.html</id><summary type="html">&lt;p&gt;I have more ambitious plans for the update to blog's theme. It will take time. I am thinking of few months.&lt;/p&gt;</summary><content type="html">&lt;p&gt;Current theme I use isn't all old school but it isn't responsive enough either. Since I don't want to have external dependencies to other frameworks there will be no Bootstrap import. I am thinking of writing a responsive theme from scratch. Also, I am putting more emphasize on the text size and spacing. which is one of the things I don't like about the current theme. Of course I could change text sizes in blueidea theme but I am feeling itchy for a challenge 😅️&lt;/p&gt;
&lt;p&gt;There is currently nothing to see. It doesn't render anything since bare minimum templates such as base.html and index.html aren't in place yet.&lt;/p&gt;
&lt;p&gt;This is an ambitious projects since I didn't write any website from scratch before. I only have basic understanding of HTML, CSS, responsive design and &lt;a href="https://www.a11yproject.com/" title="Make Web Accessible for everyone"&gt;a11y&lt;/a&gt;. Features I implemented into blueidea are held together with band-aids. That is why I didn't made a pull request with my changes to &lt;a href="https://github.com/nasskach/pelican-blueidea"&gt;blueidea's github repo&lt;/a&gt;. This new theme will have those features by design (now that is a selling pitch for something that doesn't exist yet).&lt;/p&gt;
&lt;p&gt;Planned features are decided but not yet &lt;strong&gt;TBA&lt;/strong&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;I still didn't fix MP4 MIME type issue. If you are facing that issue, you can download the video via . There is currently only one mp4 video and I am thinking of self hosting a PeerTube instance and embedding videos from the that instead of using limited storage space of server for this blog. &lt;/p&gt;
&lt;p&gt;&lt;img alt="this is fine gif" src="images/this_is_fine.gif"&gt;&lt;/p&gt;</content><category term="Notes"></category><category term="100DaysToOffload"></category></entry></feed>

8
output/feeds/notes.atom.xml
View File

@ -99,4 +99,10 @@ Your browser does not support the video tag.
&lt;h1 style="text-align: center;"&gt;1&lt;/h1&gt;
&lt;p&gt;There is also &lt;a href="https://github.com/Keith-S-Thompson/fizzbuzz-c/blob/master/fizzbuzz004.c" title="Brute forcing FizzBuzz in C"&gt;brute forcing method&lt;/a&gt; 🤦‍♂️️&lt;/p&gt;</content><category term="Notes"></category><category term="code"></category><category term="100DaysToOffload"></category></entry></feed>
&lt;p&gt;There is also &lt;a href="https://github.com/Keith-S-Thompson/fizzbuzz-c/blob/master/fizzbuzz004.c" title="Brute forcing FizzBuzz in C"&gt;brute forcing method&lt;/a&gt; 🤦‍♂️️&lt;/p&gt;</content><category term="Notes"></category><category term="code"></category><category term="100DaysToOffload"></category></entry><entry><title>Blog in Progress #2</title><link href="https://murtezayesil.me/blog-in-progress-2.html" rel="alternate"></link><published>0202-08-19T12:45:00+04:58</published><updated>0202-08-19T12:45:00+04:58</updated><author><name>Ali Murteza Yesil</name></author><id>tag:murtezayesil.me,0202-08-19:/blog-in-progress-2.html</id><summary type="html">&lt;p&gt;I have more ambitious plans for the update to blog's theme. It will take time. I am thinking of few months.&lt;/p&gt;</summary><content type="html">&lt;p&gt;Current theme I use isn't all old school but it isn't responsive enough either. Since I don't want to have external dependencies to other frameworks there will be no Bootstrap import. I am thinking of writing a responsive theme from scratch. Also, I am putting more emphasize on the text size and spacing. which is one of the things I don't like about the current theme. Of course I could change text sizes in blueidea theme but I am feeling itchy for a challenge 😅️&lt;/p&gt;
&lt;p&gt;There is currently nothing to see. It doesn't render anything since bare minimum templates such as base.html and index.html aren't in place yet.&lt;/p&gt;
&lt;p&gt;This is an ambitious projects since I didn't write any website from scratch before. I only have basic understanding of HTML, CSS, responsive design and &lt;a href="https://www.a11yproject.com/" title="Make Web Accessible for everyone"&gt;a11y&lt;/a&gt;. Features I implemented into blueidea are held together with band-aids. That is why I didn't made a pull request with my changes to &lt;a href="https://github.com/nasskach/pelican-blueidea"&gt;blueidea's github repo&lt;/a&gt;. This new theme will have those features by design (now that is a selling pitch for something that doesn't exist yet).&lt;/p&gt;
&lt;p&gt;Planned features are decided but not yet &lt;strong&gt;TBA&lt;/strong&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;I still didn't fix MP4 MIME type issue. If you are facing that issue, you can download the video via . There is currently only one mp4 video and I am thinking of self hosting a PeerTube instance and embedding videos from the that instead of using limited storage space of server for this blog. &lt;/p&gt;
&lt;p&gt;&lt;img alt="this is fine gif" src="images/this_is_fine.gif"&gt;&lt;/p&gt;</content><category term="Notes"></category><category term="100DaysToOffload"></category></entry></feed>

2
output/feeds/rss.xml
View File

File diff suppressed because one or more lines are too long

BIN
output/images/this_is_fine.gif Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 MiB

2
output/index.html
View File

@ -236,7 +236,7 @@ Battery: ~3000mAh (was 4100mAh but aged 25% in 3 years)</p>
</article></li>
</ol><!-- /#posts-list -->
<p class="paginator">
Page 1 / 2
Page 1 / 3
<a href="https://murtezayesil.me/index2.html">&raquo;</a>
</p>
</section><!-- /#content -->

3
output/index2.html
View File

@ -212,7 +212,8 @@
</ol><!-- /#posts-list -->
<p class="paginator">
<a href="https://murtezayesil.me/index.html">&laquo;</a>
Page 2 / 2
Page 2 / 3
<a href="https://murtezayesil.me/index3.html">&raquo;</a>
</p>
</section><!-- /#content -->
<section id="extras" class="body">

129
output/index3.html Normal file
View File

@ -0,0 +1,129 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Ali Murteza Yesil</title>
<link rel="stylesheet" href="https://murtezayesil.me/theme/css/main.css" />
<link href="https://murtezayesil.me/feeds/atom.xml" type="application/atom+xml" rel="alternate" title="Ali Murteza Yesil Atom Feed" />
<link href="https://murtezayesil.me/feeds/rss.xml" type="application/rss+xml" rel="alternate" title="Ali Murteza Yesil RSS Feed" />
<!-- This border added via BLACK_LIVES_MATTER toggle in site settings -->
<style>
body {
border-width: 5em ;
border-color: #000000 ;
border-style: none solid solid solid ; /* top border : none, right bottom left : solid */
}
</style>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="index" class="home">
<!-- This banner added via BLACK_LIVES_MATTER toggle in site settings -->
<div style="background-color: black; padding: 1em; margin-bottom: .8em">
<h1 style="text-align: center; margin-bottom: 0em"><a href="https://blacklivesmatter.com/" style="color: #fce21b; font-size: 2em">Black Lives Matter</a></h1>
</div>
<header id="banner" class="body">
<h1><a href="https://murtezayesil.me/">Ali Murteza Yesil <strong>Blog</strong></a></h1>
<nav><ul>
<li><a href="https://murtezayesil.me/pages/about.html">About</a></li>
<li><a href="https://murtezayesil.me/pages/contact.html">Contact</a></li>
</ul>
<form id="search" action"#" onsubmit="javascript:window.open('https://duckduckgo.com/?q='+document.getElementById('keywords').value+'+site:https://murtezayesil.me');">
<input id="keywords" type="text" />
</form>
</nav>
<div id="submenu">
<ul>
<li><a href="https://murtezayesil.me/category/notes.html">Notes</a></li>
<li><a href="https://murtezayesil.me/category/personal.html">Personal</a></li>
<li><a href="https://murtezayesil.me/category/tech.html">Tech</a></li>
</ul>
<div>
</header><!-- /#banner -->
<section id="content" class="body">
<ol id="posts-list" class="hfeed" start="9">
<li><article class="hentry">
<header>
<h1><a href="https://murtezayesil.me/blog-in-progress-2.html" rel="bookmark"
title="Permalink to Blog in Progress #2">Blog in Progress #2</a></h1>
</header>
<div class="entry-content">
<footer class="post-info">
<span>Thu 19 August 202</span>
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>21</strong> of #100DaysToOffload</span>
</footer><!-- /.post-info --> </div><!-- /.entry-content -->
</article></li>
</ol><!-- /#posts-list -->
<p class="paginator">
<a href="https://murtezayesil.me/index2.html">&laquo;</a>
Page 3 / 3
</p>
</section><!-- /#content -->
<section id="extras" class="body">
<div class="blogroll">
<h2>blogroll</h2>
<ul>
<li><a href="https://kevq.uk">Kev Quirk</a></li>
<li><a href="https://mikestone.me">Mike Stone</a></li>
<li><a href="https://yarmo.eu/">Yarmo Mackenbach</a></li>
</ul>
</div><!-- /.blogroll -->
<div class="social">
<h2>social</h2>
<ul>
<li><a href="https://murtezayesil.me/feeds/atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
<li><a href="https://murtezayesil.me/feeds/rss.xml" type="application/rss+xml" rel="alternate">rss feed</a></li>
<li><a href="https://fosstodon.org/@murtezayesil" rel="me">Fostodon</a></li>
</ul>
</div><!-- /.social -->
</section><!-- /#extras -->
<footer id="contentinfo" class="body">
<p>Powered by <a href="http://getpelican.com/">Pelican</a>. Theme <a href="https://github.com/blueicefield/pelican-blueidea/">blueidea</a>, inspired by the default theme.</p>
</footer><!-- /#contentinfo -->
<!-- IndieWeb Profile -->
<!-- ToDo : Make IndieWeb Profile auto generating according to site preferences -->
<!-- This profile is created by following https://kevq.uk/how-to-create-an-indieweb-profile/ blog post. Thanks to Kev Quirk -->
<section style="display: none;" class="h-card">
<!-- About me -->
<span class="p-name">Ali Murteza Yesil</span>
<span class="p-note">I'm a student, privacy advocate and SysAdmin wannabe. I was born in Turkey but I live abroad.</span>
<!-- Profile picture -->
<img class="u-photo" src="https://murtezayesil.me/images/avatar_polygon_1.png"/>
<!-- My location -->
<!-- <span class="p-locality">City, Country or Country</span> -->
<!-- Links -->
<a class="u-url u-uid" href="https://murtezayesil.me"></a>
<!-- Mail Template <a class="u-email" rel="me" href="mailto:USERNAME@SERVICEPROVIDER"></a> -->
<a class="u-url" rel="me" href="https://fosstodon.org/@murtezayesil"></a>
<!-- Twitter Example <a class="u-url" rel="me" href="https://twitter.com/USERNAME"></a> -->
<!-- Template <a class="u-url" rel="me" href="https://URL"></a> -->
<!-- Categories -->
<span class="p-category">Blogging</span>
<span class="p-category">Open Source Software</span>
<span class="p-category">Privacy</span>
</section>
</body>
</html>

2
output/tag/100daystooffload.html
View File

@ -236,7 +236,7 @@ Battery: ~3000mAh (was 4100mAh but aged 25% in 3 years)</p>
</article></li>
</ol><!-- /#posts-list -->
<p class="paginator">
Page 1 / 2
Page 1 / 3
<a href="https://murtezayesil.me/tag/100daystooffload2.html">&raquo;</a>
</p>
</section><!-- /#content -->

3
output/tag/100daystooffload2.html
View File

@ -212,7 +212,8 @@
</ol><!-- /#posts-list -->
<p class="paginator">
<a href="https://murtezayesil.me/tag/100daystooffload.html">&laquo;</a>
Page 2 / 2
Page 2 / 3
<a href="https://murtezayesil.me/tag/100daystooffload3.html">&raquo;</a>
</p>
</section><!-- /#content -->
<section id="extras" class="body">

129
output/tag/100daystooffload3.html Normal file
View File

@ -0,0 +1,129 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Ali Murteza Yesil - 100DaysToOffload</title>
<link rel="stylesheet" href="https://murtezayesil.me/theme/css/main.css" />
<link href="https://murtezayesil.me/feeds/atom.xml" type="application/atom+xml" rel="alternate" title="Ali Murteza Yesil Atom Feed" />
<link href="https://murtezayesil.me/feeds/rss.xml" type="application/rss+xml" rel="alternate" title="Ali Murteza Yesil RSS Feed" />
<!-- This border added via BLACK_LIVES_MATTER toggle in site settings -->
<style>
body {
border-width: 5em ;
border-color: #000000 ;
border-style: none solid solid solid ; /* top border : none, right bottom left : solid */
}
</style>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="index" class="home">
<!-- This banner added via BLACK_LIVES_MATTER toggle in site settings -->
<div style="background-color: black; padding: 1em; margin-bottom: .8em">
<h1 style="text-align: center; margin-bottom: 0em"><a href="https://blacklivesmatter.com/" style="color: #fce21b; font-size: 2em">Black Lives Matter</a></h1>
</div>
<header id="banner" class="body">
<h1><a href="https://murtezayesil.me/">Ali Murteza Yesil <strong>Blog</strong></a></h1>
<nav><ul>
<li><a href="https://murtezayesil.me/pages/about.html">About</a></li>
<li><a href="https://murtezayesil.me/pages/contact.html">Contact</a></li>
</ul>
<form id="search" action"#" onsubmit="javascript:window.open('https://duckduckgo.com/?q='+document.getElementById('keywords').value+'+site:https://murtezayesil.me');">
<input id="keywords" type="text" />
</form>
</nav>
<div id="submenu">
<ul>
<li><a href="https://murtezayesil.me/category/notes.html">Notes</a></li>
<li><a href="https://murtezayesil.me/category/personal.html">Personal</a></li>
<li><a href="https://murtezayesil.me/category/tech.html">Tech</a></li>
</ul>
<div>
</header><!-- /#banner -->
<section id="content" class="body">
<ol id="posts-list" class="hfeed" start="9">
<li><article class="hentry">
<header>
<h1><a href="https://murtezayesil.me/blog-in-progress-2.html" rel="bookmark"
title="Permalink to Blog in Progress #2">Blog in Progress #2</a></h1>
</header>
<div class="entry-content">
<footer class="post-info">
<span>Thu 19 August 202</span>
<span>| in <a href="https://murtezayesil.me/category/notes.html">Notes</a></span>
<span>| tags: <a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a></span> <span>| Day <strong>21</strong> of #100DaysToOffload</span>
</footer><!-- /.post-info --> </div><!-- /.entry-content -->
</article></li>
</ol><!-- /#posts-list -->
<p class="paginator">
<a href="https://murtezayesil.me/tag/100daystooffload2.html">&laquo;</a>
Page 3 / 3
</p>
</section><!-- /#content -->
<section id="extras" class="body">
<div class="blogroll">
<h2>blogroll</h2>
<ul>
<li><a href="https://kevq.uk">Kev Quirk</a></li>
<li><a href="https://mikestone.me">Mike Stone</a></li>
<li><a href="https://yarmo.eu/">Yarmo Mackenbach</a></li>
</ul>
</div><!-- /.blogroll -->
<div class="social">
<h2>social</h2>
<ul>
<li><a href="https://murtezayesil.me/feeds/atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
<li><a href="https://murtezayesil.me/feeds/rss.xml" type="application/rss+xml" rel="alternate">rss feed</a></li>
<li><a href="https://fosstodon.org/@murtezayesil" rel="me">Fostodon</a></li>
</ul>
</div><!-- /.social -->
</section><!-- /#extras -->
<footer id="contentinfo" class="body">
<p>Powered by <a href="http://getpelican.com/">Pelican</a>. Theme <a href="https://github.com/blueicefield/pelican-blueidea/">blueidea</a>, inspired by the default theme.</p>
</footer><!-- /#contentinfo -->
<!-- IndieWeb Profile -->
<!-- ToDo : Make IndieWeb Profile auto generating according to site preferences -->
<!-- This profile is created by following https://kevq.uk/how-to-create-an-indieweb-profile/ blog post. Thanks to Kev Quirk -->
<section style="display: none;" class="h-card">
<!-- About me -->
<span class="p-name">Ali Murteza Yesil</span>
<span class="p-note">I'm a student, privacy advocate and SysAdmin wannabe. I was born in Turkey but I live abroad.</span>
<!-- Profile picture -->
<img class="u-photo" src="https://murtezayesil.me/images/avatar_polygon_1.png"/>
<!-- My location -->
<!-- <span class="p-locality">City, Country or Country</span> -->
<!-- Links -->
<a class="u-url u-uid" href="https://murtezayesil.me"></a>
<!-- Mail Template <a class="u-email" rel="me" href="mailto:USERNAME@SERVICEPROVIDER"></a> -->
<a class="u-url" rel="me" href="https://fosstodon.org/@murtezayesil"></a>
<!-- Twitter Example <a class="u-url" rel="me" href="https://twitter.com/USERNAME"></a> -->
<!-- Template <a class="u-url" rel="me" href="https://URL"></a> -->
<!-- Categories -->
<span class="p-category">Blogging</span>
<span class="p-category">Open Source Software</span>
<span class="p-category">Privacy</span>
</section>
</body>
</html>

2
output/tags.html
View File

@ -49,7 +49,7 @@
</header><!-- /#banner -->
<section id="content" class="body">
<h1>Tags for Ali Murteza Yesil</h1> <li><a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a> (20)</li>
<h1>Tags for Ali Murteza Yesil</h1> <li><a href="https://murtezayesil.me/tag/100daystooffload.html">100DaysToOffload</a> (21)</li>
<li><a href="https://murtezayesil.me/tag/android.html">android</a> (1)</li>
<li><a href="https://murtezayesil.me/tag/code.html">code</a> (2)</li>
<li><a href="https://murtezayesil.me/tag/digitalcleansing.html">digitalcleansing</a> (6)</li>