142 lines
7.8 KiB
HTML
142 lines
7.8 KiB
HTML
<!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 rel="stylesheet" href="https://murtezayesil.me/theme/css/tooltip.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/draft.html">draft</a></li>
|
|
<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>Wed 19 August 2020</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/gifs/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>
|
|
|
|
<!-- Comments -->
|
|
<hr>
|
|
<h2>Comments</h2>
|
|
<p>Toot on <a href="https://fosstodon.org/@murtezayesil/104715103081883094">this thread</a> to comment. This blog is a static site. Comments won't appear here.</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_128x128.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> |