Various improvements
This commit is contained in:
parent
35e5e2eb5d
commit
1d16e9dcdb
1
404.md
1
404.md
@ -6,4 +6,3 @@ permalink: /404
|
||||
|
||||
Sorry, we can't find that page that you're looking for. You can try again by going [back to the homepage]({{ site.baseurl }}/).
|
||||
|
||||
[<img src="{{ site.baseurl }}/images/404.jpg" alt="Constructocat by https://github.com/jasoncostello" style="width: 400px;"/>]({{ site.baseurl }}/)
|
||||
|
||||
@ -4,7 +4,7 @@ description: Dumpyard for my thoughts!
|
||||
|
||||
footer-links:
|
||||
dribbble:
|
||||
email: neophytenuggets@proton.me
|
||||
email: n.suryap@gmail.com
|
||||
facebook:
|
||||
flickr:
|
||||
github: cool-mist
|
||||
@ -43,14 +43,9 @@ sass:
|
||||
plugins:
|
||||
- jekyll-sitemap # Create a sitemap using the official Jekyll sitemap gem
|
||||
- jekyll-feed # Create an Atom feed using the official Jekyll feed gem
|
||||
- jekyll-seo-tag
|
||||
- jekyll-paginate
|
||||
|
||||
include: ['_pages']
|
||||
|
||||
paginate: 6
|
||||
paginate_path: /page:num/
|
||||
|
||||
# Exclude these files from your production _site
|
||||
exclude:
|
||||
- Gemfile
|
||||
@ -58,4 +53,5 @@ exclude:
|
||||
- LICENSE
|
||||
- README.md
|
||||
- CNAME
|
||||
- package-lock.json
|
||||
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>{% if page.title %}{{ page.title }} – {% endif %}{{ site.name }} – {{ site.description }}</title>
|
||||
{% seo title=false %}
|
||||
{% include meta.html %}
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/style.css" />
|
||||
@ -18,19 +17,21 @@
|
||||
<div class="wrapper-container">
|
||||
<div class="wrapper-masthead">
|
||||
<div class="container">
|
||||
<header class="masthead clearfix">
|
||||
<header class="clearfix">
|
||||
<a href="{{ site.baseurl }}/" class="site-avatar"><img src="{{ site.baseurl }}/images/site-avatar.png" alt="{{ site.title }}" /></a>
|
||||
|
||||
<div class="site-info">
|
||||
<h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1>
|
||||
<p class="site-description">{{ site.description }}</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<header class="clearfix nav-links">
|
||||
<nav>
|
||||
<a href="{{ site.baseurl }}/">Home</a>
|
||||
<a href="{{ site.baseurl }}/about">About</a>
|
||||
<a href="{{ site.baseurl }}/archive">Archive</a>
|
||||
<a href="{{ site.baseurl }}/search">Search</a>
|
||||
<a href="{{ site.baseurl }}/feed.xml" target="_blank">RSS Feed</a>
|
||||
</nav>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
@ -11,17 +11,6 @@ layout: default
|
||||
<p class="author_title" datetime="{{ page.last_modified_at | date_to_xmlschema }}">(Updated: {{
|
||||
page.last_modified_at | date: "%b %-d, %Y" }})</p>
|
||||
{% endif %}
|
||||
<div class="post-tags">
|
||||
{% if post %}
|
||||
{% assign categories = post.categories %}
|
||||
{% else %}
|
||||
{% assign categories = page.categories %}
|
||||
{% endif %}
|
||||
{% for category in categories %}
|
||||
<a href="{{site.baseurl}}/categories/#{{category|slugize}}">{{category}}</a>
|
||||
{% unless forloop.last %} {% endunless %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
|
||||
@ -4,31 +4,11 @@ permalink: /about/
|
||||
title: About
|
||||
---
|
||||
|
||||
|
||||
<div class="entry" id="archives">
|
||||
<ul>
|
||||
<li> I'm a software developer from India, born in late 90s.</li>
|
||||
<li> Views expressed here are my own and not endorsed, shared etc by my place of work, friends etc</li>
|
||||
<li> My github is <a href="https://github.com/cool-mist" target="_blank">@coolmist</a></li>
|
||||
<li> You can reach out to me via email <b>neophytenuggets@protonmail</b></li>
|
||||
<li> My public key is
|
||||
<pre>
|
||||
<code style="color:black">
|
||||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
mDMEY8PVmhYJKwYBBAHaRw8BAQdANxcKoo0fqmW62F2tQ7F0GPWkpGs/HQUyhR77
|
||||
R2mgsY20JVN1cnlhIDxuZW9waHl0ZW51Z2dldHNAcHJvdG9ubWFpbC5tZT6ImQQT
|
||||
FgoAQRYhBGixkTCdlU1PIjiQZSHehx95aKkIBQJjw9WaAhsDBQkDw4BOBQsJCAcC
|
||||
AiICBhUKCQgLAgQWAgMBAh4HAheAAAoJECHehx95aKkIZB8A+wfMy7gqISQGXrIc
|
||||
FiiwCzfoqzQfnJozLdaOA4MvU8RcAP9gY6U1Bm8LQDijr3LCFm7raLjBNBNwrWQg
|
||||
cWuuqbiJDrg4BGPD1ZoSCisGAQQBl1UBBQEBB0AkrwBdf8M3EdsykIcYMBejeSHs
|
||||
iiQGTLhZrYuvXtoNSgMBCAeIfgQYFgoAJhYhBGixkTCdlU1PIjiQZSHehx95aKkI
|
||||
BQJjw9WaAhsMBQkDw4BOAAoJECHehx95aKkIF6sA/01X0YnHTjUo7nUaBzk4ub+3
|
||||
Ub3FKJTeSooaQ39Y3V3QAQDH407drRMw3OgnRiSKDXsbjGhAec7vQip768acjYbq
|
||||
Aw==
|
||||
=Ioiu
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
||||
</code>
|
||||
</pre></li>
|
||||
<li> You can reach out to me via email <b class="hilite">n.suryap@gmail.com</b></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@ -1,33 +0,0 @@
|
||||
---
|
||||
layout: page
|
||||
permalink: /archive/
|
||||
title: Posts Archive
|
||||
---
|
||||
|
||||
|
||||
<div id="archives">
|
||||
<section id="archive">
|
||||
<h3>Most Recent Posts</h3>
|
||||
{%for post in site.posts %}
|
||||
{% unless post.next %}
|
||||
<ul class="this">
|
||||
{% else %}
|
||||
{% capture month %}{{ post.date | date: '%B %Y' }}{% endcapture %}
|
||||
{% capture nmonth %}{{ post.next.date | date: '%B %Y' }}{% endcapture %}
|
||||
{% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
|
||||
{% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
|
||||
{% if year != nyear %}
|
||||
</ul>
|
||||
<h2 style="text-align:left;">{{ post.date | date: '%Y' }}</h2>
|
||||
<ul class="past">
|
||||
{% endif %}
|
||||
{% if month != nmonth %}
|
||||
<h3 style="text-align:left;">{{ post.date | date: '%B %Y' }}</h3>
|
||||
{% endif %}
|
||||
{% endunless %}
|
||||
<p><b><a href="{{ site.baseurl }}{{ post.url }}">{% if post.title and post.title != "" %}{{post.title}}{% else %}{{post.excerpt |strip_html}}{%endif%}</a></b> - {% if post.date and post.date != "" %}{{ post.date | date: "%e %B %Y" }}{%endif%}</p>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<h3>Oldest Posts</h3>
|
||||
</section>
|
||||
</div>
|
||||
@ -4,13 +4,6 @@ title: The OSI Model
|
||||
categories: ["networks"]
|
||||
---
|
||||
|
||||
The OSI model lays down specifications on how to think about achieving inter-process communication across machines. This article goes over breaking down the
|
||||
what and why of this model and introduces the readers to some of the jargon surrounding this topic.
|
||||
|
||||
|
||||
|
||||
------
|
||||
|
||||
# The Mail Analogy
|
||||
|
||||
It is useful to generalize by drawing comparisons with the [postal system](https://en.wikipedia.org/wiki/Mail) when it comes to understanding inter-process communication across machines.
|
||||
|
||||
@ -4,14 +4,6 @@ title: Connections
|
||||
categories: ["networks"]
|
||||
---
|
||||
|
||||
The Internet Protocol Suite consists of multiple protocol specifications that are implemented by almost all computers and other network devices. One primary abstraction available to the developers to process communication scenarios is a **connection**. The developer would get typically get hold of a connection object and send and receive messages through it from the application layer.
|
||||
|
||||
Available to the application developer are 2 widely used connection protocols - [Transmission Control Protocol](https://en.wikipedia.org/wiki/Transmission_Control_Protocol) and [User Datagram Protocol](https://en.wikipedia.org/wiki/User_Datagram_Protocol). While both the protocols are in general use, TCP is the most common. It is also the protocol that developers are mostly going to concern themselves with. Therefore, this post will focus on TCP.
|
||||
|
||||
There is abundant literature on the exact packet structure at different layers on the internet. This post will limit itself to discussing TCP connections - what are they and how to use and reason about them in your applications.
|
||||
|
||||
---------------
|
||||
|
||||
Let's start with some definitions.
|
||||
|
||||
## Network
|
||||
|
||||
@ -4,10 +4,6 @@ title: A Dimensional Odyssey
|
||||
categories: ["books"]
|
||||
---
|
||||
|
||||
My thoughts on the 1884 novella **Flatlands - a romance in many dimensions by Edwin Abbot Abbot**. This book teaches us on how to think about the 4<sup>th</sup> dimension.
|
||||
|
||||
--------
|
||||
|
||||
[Edwin Abbot Abbot](https://en.wikipedia.org/wiki/Edwin_Abbott_Abbott) was an English master by profession and had studied and published works on Mathematics, Philology and Theology during his lifetime of which [Flatlands](https://en.wikipedia.org/wiki/Flatland) is one such work under the Mathematical fiction genre.
|
||||
|
||||
The book follows the adventures of a Square that lives in a 2-dimensional world.
|
||||
|
||||
@ -4,10 +4,6 @@ title: DNS Basics
|
||||
categories: ["networks"]
|
||||
---
|
||||
|
||||
Today, computers run useful processes that other users would use using their computer device. Examples of such processes are the google search engine, the amazon online store, your favorite flight operator's booking service and so on. How does your computer know where these processes are running?
|
||||
|
||||
---------------
|
||||
|
||||
## Where is my coffee?
|
||||
|
||||
You are in _Coffee Land_ on a business visit and feel like drinking coffee after a long day at work. You want to go to a restaurant. You decide you would walk into _Quality Coffee_ after spending some time consulting your colleagues.
|
||||
|
||||
@ -4,10 +4,6 @@ title: An Alternate Temporal Convention
|
||||
categories: ["ideas"]
|
||||
---
|
||||
|
||||
My proposal of an alternate convention for how we split and view the 24 hours in a day.
|
||||
|
||||
--------
|
||||
|
||||
## The Problem
|
||||
|
||||
A day is composed of 24 hours. In most places, the 24 hours on weekdays are roughly divided as follows. Times are in [24-hour clock](https://en.wikipedia.org/wiki/24-hour_clock) format.
|
||||
|
||||
@ -4,10 +4,6 @@ title: Man's Search For Meaning
|
||||
categories: ["books"]
|
||||
---
|
||||
|
||||
A summary of what to expect from the book of the same name. The author of this book - Viktor Frankl is a Holocaust survivor who later goes on to publicize and practice Logotherapy with success.
|
||||
|
||||
--------
|
||||
|
||||
## Concentration Camps
|
||||
|
||||
The first part of the book is about the punishment, torture, humiliation, starvation, dehumanization and finally, death faced by the concentration camp prisoners, and observation of their psychology - from the time they are inducted into the camp, to the time when they are liberated. To survive in such a totalitarian system, the prisoners had to go behind the backs of fellow prisoners.
|
||||
|
||||
@ -4,10 +4,6 @@ title: Wordle Solutions
|
||||
categories: ["random"]
|
||||
---
|
||||
|
||||
My nitpickiest article yet on "Why you shouldn't brag your Wordle accomplishments"
|
||||
|
||||
--------
|
||||
|
||||
## The Game
|
||||
|
||||
[Wordle](https://www.powerlanguage.co.uk/wordle/) is a clever little word game. No doubt about it. I absolutely enjoy playing it once in a while. If you haven't yet played this game, please do so before reading further.
|
||||
|
||||
@ -4,10 +4,6 @@ title: Science in Fiction
|
||||
categories: ["ideas"]
|
||||
---
|
||||
|
||||
Diving into some ways how Science Fiction can incorporate the concepts of dimensions of space and time, and at the same time stay grounded to actual science.
|
||||
|
||||
--------
|
||||
|
||||
## 4th Dimension of Space
|
||||
|
||||
**1. Objects can appear out of nowhere and vanish as if they never existed**
|
||||
|
||||
@ -4,10 +4,6 @@ title: The Quantum Series
|
||||
categories: ["books"]
|
||||
---
|
||||
|
||||
A summary of the books and analysis of some of the plot points in the Quantum trilogy by the American author Douglas Phillips.
|
||||
|
||||
--------
|
||||
|
||||
The first few sections are spoiler free, and there is a warning before you read any spoilers.
|
||||
|
||||
## Quantum Incident
|
||||
|
||||
@ -4,10 +4,6 @@ title: Eating Animals - Should we stop ?
|
||||
categories: ["books"]
|
||||
---
|
||||
|
||||
Eating animals: Should we stop by Jonathan Safran Foer is a case for changing our food habits to reduce suffering for the animals.
|
||||
|
||||
--------
|
||||
|
||||
## Family farmed meat
|
||||
|
||||
Meat was traditionally family farmed. The animals (cows, pigs or hens) were raised with love and care in a stress-free environment. These animals were given pastures to graze and grains to feed on according to their biological needs. Their social and emotional needs were taken care of too. Strict attention was paid to the hygiene in such farms.
|
||||
|
||||
@ -4,10 +4,6 @@ title: No Rules.. Rules
|
||||
categories: ["books"]
|
||||
---
|
||||
|
||||
About the Netflix culture and what they’ve gotten right to be a successful company
|
||||
|
||||
--------
|
||||
|
||||
## The Culture
|
||||
|
||||
This book by Reed Hastings (CEO of Netflix as of writing this article), co-written by Erin Meyer is best summarized by - leadership at Netflix inculcating the following three practices to form a successful culture.
|
||||
|
||||
@ -4,10 +4,6 @@ title: Blogging
|
||||
categories: ["ideas"]
|
||||
---
|
||||
|
||||
An opinionated article on the topic!
|
||||
|
||||
--------
|
||||
|
||||
# Definitions
|
||||
|
||||
- __Blog__ - Generally a collection of one's absurd ideas. Marketed as 'interesting' ideas instead.
|
||||
|
||||
@ -4,9 +4,6 @@ title: Is your Smartphone secure enough?
|
||||
categories: ["ideas"]
|
||||
---
|
||||
|
||||
Looking at common ways on how we 'lock' our smartphones, to argue that we don't pay enough attention to security anymore!
|
||||
|
||||
--------
|
||||
# The Premise
|
||||
|
||||
That we don't think enough about security. I'm outlining the most common options used by people to lock their phones, listed in the order in which they first appeared.
|
||||
|
||||
@ -4,10 +4,6 @@ title: Will there be 128-bit computers?
|
||||
categories: ["ideas"]
|
||||
---
|
||||
|
||||
You are probably reading this on a 64-bit computer or a smartphone (a smartphone is technically a computer). What does 64 mean here? Were there other types? Will there be more?
|
||||
|
||||
--------
|
||||
|
||||
# The language of processors
|
||||
|
||||
**Processors** (generally referred to as *microprocessors* <sub>because <sub>they <sub>are <sub>small</sub></sub></sub></sub>) are to computers what the thinking part of a human brain is to humans.
|
||||
|
||||
@ -4,10 +4,6 @@ title: Blink, and you'll still not miss it!
|
||||
categories: ["books"]
|
||||
---
|
||||
|
||||
My thoughts (rant??) on Blink, by Malcolm Gladwell.
|
||||
|
||||
--------
|
||||
|
||||
# What's in it?
|
||||
|
||||
I recently read [Blink by Malcolm Gladwell](https://en.wikipedia.org/wiki/Blink:_The_Power_of_Thinking_Without_Thinking). This book was gifted to me, as well as to all my colleagues at work. Fear of missing out drove me into reading this book.
|
||||
|
||||
@ -4,11 +4,6 @@ title: How to communicate securely?
|
||||
categories: ["mathematics", "cryptography"]
|
||||
---
|
||||
|
||||
How can you communicate securely? How do you make sure nobody (apart from the intended recipient) gets
|
||||
to know what you said?
|
||||
|
||||
--------
|
||||
|
||||
This is part 1 of a series on communicating securely.
|
||||
- [Part-1]({{site.base_url | absolute_url}}/securecommunication)
|
||||
- [Part-2]({{site.base_url | absolute_url}}/reallysecure)
|
||||
|
||||
@ -4,10 +4,6 @@ title: How to communicate securely? - 2
|
||||
categories: ["ideas", "cryptography"]
|
||||
---
|
||||
|
||||
How do we do that now? - For real! this time.
|
||||
|
||||
--------
|
||||
|
||||
This is part 2 of a series on communicating securely.
|
||||
- [Part-1]({{site.base_url | absolute_url}}/securecommunication)
|
||||
- [Part-2]({{site.base_url | absolute_url}}/reallysecure)
|
||||
|
||||
@ -4,10 +4,6 @@ title: How to communicate securely? - 3
|
||||
categories: ["ideas", "cryptography"]
|
||||
---
|
||||
|
||||
How do we do that practically?
|
||||
|
||||
--------
|
||||
|
||||
This is part 3 of a series on communicating securely.
|
||||
- [Part-1]({{site.base_url | absolute_url}}/securecommunication)
|
||||
- [Part-2]({{site.base_url | absolute_url}}/reallysecure)
|
||||
|
||||
@ -4,12 +4,6 @@ title: The No Hello Nonsense!
|
||||
categories: ["ideas", "rant"]
|
||||
---
|
||||
|
||||
In a mood to roast the pretentious no-hello movement.
|
||||
If you are not familiar with the term no-hello, you probably work with nice people
|
||||
(Necessary, but not a sufficient condition).
|
||||
|
||||
--------
|
||||
|
||||
# Not just hello! Just ask the question
|
||||
|
||||
|
||||
|
||||
@ -4,11 +4,6 @@ title: Do you own your books?
|
||||
categories: ["books"]
|
||||
---
|
||||
|
||||
Most consumers of ebooks are not the complete owners of the product that they have paid for.
|
||||
Worse - they are fooled into subservience!
|
||||
|
||||
------
|
||||
|
||||
It is no secret that [one single company](https://en.wikipedia.org/wiki/Amazon_Kindle) has monopolized the ebook medium. Thirst for money eventually has led to some unethical practices - Absolute power corrupts absolutely. In particular, I will draw your attention towards DRM practices.
|
||||
|
||||
[Digital Rights Management](https://en.wikipedia.org/wiki/Digital_rights_management) is an umbrella term referring to practices that enforces the rights to digital content. For example a consumer of a DRM protected music video will not be able to make copies of, or distribute that video - making sure that the only way to access that content is by trying to make sure it is purchased from the authorized publisher. DRM originated along with the rise of internet in the late 90s and early 2000s. While there are [campaigns against the enforcement of DRM](https://www.fsf.org/campaigns/drm.html) across all domains of digital content, I will only be talking about DRMs in ebook distribution in this post.
|
||||
|
||||
@ -4,10 +4,6 @@ title: Unfair fixtures!
|
||||
categories: ["ideas", "cricket"]
|
||||
---
|
||||
|
||||
Analyzing the fixtures of recently concluded IPL 2023. Was it set up fairly?
|
||||
|
||||
------
|
||||
|
||||
[IPL](https://en.wikipedia.org/wiki/2023_Indian_Premier_League) is the biggest cricket event in the world. The format of the game is generally
|
||||
a double round robin followed by a double eliminator with the top 4 teams to decide the ultimate winner - modelled after the well recognized
|
||||
"Group Stage followed by Playoffs" format.
|
||||
|
||||
@ -4,10 +4,6 @@ title: On Atheism
|
||||
categories: ["ideas"]
|
||||
---
|
||||
|
||||
Documenting my current stand and trying to hopefully clear up some misconceptions. This is probably the first article in a potential series that I hope to write, covering some more nuanced topics on the subject.
|
||||
|
||||
------
|
||||
|
||||
## Definition ##
|
||||
|
||||
Simply put, it is the *absence of belief* in God(s).
|
||||
|
||||
@ -4,10 +4,6 @@ title: Ridiculous fixtures!
|
||||
categories: ["ideas", "cricket"]
|
||||
---
|
||||
|
||||
Analyzing the fixtures of recently concluded Cricket world cup 2023. Was it set up fairly? And some more thoughts about Indian Cricket.
|
||||
|
||||
------
|
||||
|
||||
Previously, [I've argued]({{site.base_url | absolute_url}}/whatwasthatipl) how the IPL 2023 fixtures were set up to maximize profit. While that is not a bad thing for a tournament organized by private enterprise like the [BCCI](https://en.wikipedia.org/wiki/Board_of_Control_for_Cricket_in_India), the [ICC](https://en.wikipedia.org/wiki/International_Cricket_Council) has pulled off something similar with the [2023 Cricket World Cup](https://en.wikipedia.org/wiki/2023_Cricket_World_Cup) now.
|
||||
|
||||
- There were 10 teams in the tournament.
|
||||
@ -22,7 +18,7 @@ Again, we see a skew in the number of games played in the Group Stage vs the Pla
|
||||
- There was no advantage for teams that performed well in the group stage. The 4 teams that qualified out of the Group Stage are on equal footing during the Playoffs.
|
||||
- Ironically, the team that won all its games in the Group Stage, ended up losing the tournament to a team that was on the verge of elimintation during the group stage.
|
||||
|
||||
As usual, I'm personally biased towards the [Double Elimination Tournament Brancker](https://en.wikipedia.org/wiki/Double-elimination_tournament) (from my previous post) for any type of tournament because I feel the Group Stage should end with providing an advantage for the teams that performed well.
|
||||
As usual, I'm personally biased towards the [Double Elimination Tournament Bracket](https://en.wikipedia.org/wiki/Double-elimination_tournament) (from my previous post) for any type of tournament because I feel the Group Stage should end with providing an advantage for the teams that performed well.
|
||||
|
||||
It may/may not have an impact in the tournament under discussion as the team that wins all its games and loses in the finals does not get another chance in the double elimination format as well. However, given that there are a lot more of the Playoff games, it is not clear what would happen. Regardless, the most important thing that this solves (for me) would be - place the teams higher in the Group Stage, in the advantageous Upper Bracket. Give some incentive to the teams for performing well in the group stage.
|
||||
|
||||
|
||||
@ -4,10 +4,6 @@ title: The Tragedy of Subscription business models
|
||||
categories: ["ideas", "media", "piracy", "subscription", "greedy"]
|
||||
---
|
||||
|
||||
What I don't like about subscription business models.
|
||||
|
||||
------
|
||||
|
||||
Over the last decade, I see a lot of businesses adopting the [subscription business model](https://en.wikipedia.org/wiki/Subscription_business_model) to generate a steady stream of revenue. A subscription model is when the company provides access to its produces or services for a subscription fee charged periodically. The service is stopped when the customer stops paying.
|
||||
|
||||
This model makes a lot of sense for services that require constant effort from the service provider - either in generating content, or maintaining the infrastructure itself. For example,
|
||||
|
||||
@ -5,6 +5,9 @@
|
||||
|
||||
// Colors
|
||||
$blue: #4183C4;
|
||||
$red: #E74C3C;
|
||||
$pink: #E91E63;
|
||||
$yellow: #F1C40F;
|
||||
|
||||
// Grays
|
||||
$black: #000;
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
/* BASE RULES */
|
||||
/**************/
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro&family=DM+Sans:wght@300;400&family=Slackside+One&family=Architects+Daughter&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Space+Mono&family=DM+Sans:wght@300;400&family=Slackside+One&family=Architects+Daughter&display=swap');
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
@ -22,27 +22,28 @@ html {
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
font-family: 'Crimson Pro', serif;
|
||||
text-align: justify;
|
||||
font-family: 'Space Mono', serif;
|
||||
color: #404040;
|
||||
line-height: 1.2;
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
line-height: 2;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin: 0 auto;
|
||||
max-width: 740px;
|
||||
max-width: 800px;
|
||||
padding: 0 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: 'DM Sans', sans-serif;
|
||||
color: $darkerGray;
|
||||
font-family: 'Space Mono', sans-serif;
|
||||
color: #E34E43;
|
||||
font-weight: bold;
|
||||
|
||||
line-height: 1.7;
|
||||
line-height: 2;
|
||||
margin: 1em 0 15px;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
@ -277,6 +278,40 @@ p > img {
|
||||
}
|
||||
}
|
||||
|
||||
.nav-links a {
|
||||
border: 1px dashed $yellow;
|
||||
background-color: #313335;
|
||||
padding: 2px;
|
||||
color: $white;
|
||||
|
||||
&:hover {
|
||||
background-color: $yellow;
|
||||
color: $black;
|
||||
border: 1px dashed $black;
|
||||
}
|
||||
}
|
||||
|
||||
.archive-list {
|
||||
margin-right: 10px;
|
||||
padding: 5px 10px;
|
||||
border: 1px dashed $gray;
|
||||
margin-top: 10px;
|
||||
|
||||
&:hover {
|
||||
background-color: $lightGray;
|
||||
}
|
||||
}
|
||||
|
||||
.archive-list a {
|
||||
color: $blue;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
|
||||
&:hover {
|
||||
color: $pink;
|
||||
}
|
||||
}
|
||||
|
||||
.site-avatar {
|
||||
float: left;
|
||||
width: 70px;
|
||||
@ -308,7 +343,7 @@ p > img {
|
||||
margin: 0;
|
||||
color: $darkGray;
|
||||
cursor: pointer;
|
||||
font-family: "Slackside One", cursive;
|
||||
font-family: "Space Mono", cursive;
|
||||
font-weight: bold;
|
||||
font-size: 38px;
|
||||
letter-spacing: 1px;
|
||||
@ -323,7 +358,7 @@ p > img {
|
||||
margin: -5px 0 0 0;
|
||||
color: $gray;
|
||||
font-size: 16px;
|
||||
font-family: "Architects Daughter", cursive;
|
||||
font-family: "Space Mono", cursive;
|
||||
|
||||
@include mobile {
|
||||
margin: 3px 0;
|
||||
@ -333,7 +368,7 @@ p > img {
|
||||
nav {
|
||||
float: right;
|
||||
margin-top: 23px; // @TODO: Vertically middle align
|
||||
font-family: "DM Sans", sans-serif;
|
||||
font-family: "Space Mono", sans-serif;
|
||||
font-size: 18px;
|
||||
|
||||
@include mobile {
|
||||
@ -691,20 +726,6 @@ Modules - reusable parts of our design
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.post-tags {
|
||||
text-align: center;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.post-tags a {
|
||||
font-size: 14.5px;
|
||||
padding: 2px 13px;
|
||||
border: none;
|
||||
background-color: #4CAF50;
|
||||
border-radius: 50px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.pagination a, .pagination span {
|
||||
padding: 7px 18px;
|
||||
border: 1px solid #eee;
|
||||
@ -1140,6 +1161,12 @@ Modules - reusable parts of our design
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.hilite {
|
||||
background-color: #f0f0f0;
|
||||
padding: 2px 4px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
// Settled on moving the import of syntax highlighting to the bottom of the CSS
|
||||
// ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
|
||||
//@import "highlights";
|
||||
|
||||
Binary file not shown.
Binary file not shown.
47
index.html
47
index.html
@ -3,48 +3,13 @@ layout: default
|
||||
---
|
||||
|
||||
<div class="posts">
|
||||
{% for post in paginator.posts %}
|
||||
<article class="post">
|
||||
<a href="{{ site.baseurl }}{{ post.url }}">
|
||||
<h1>{{ post.title }}</h1>
|
||||
<div>
|
||||
<p class="post_date">{{ post.date | date: "%B %e, %Y" }}</p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="entry">
|
||||
{{ post.excerpt }}
|
||||
</div>
|
||||
|
||||
<a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More</a>
|
||||
</article>
|
||||
<ul>
|
||||
{%for post in site.posts %}
|
||||
<li class="archive-list">
|
||||
{{ post.date | date: "%e %B %Y" }} <br/> <a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
<!-- pagination -->
|
||||
{% if paginator.total_pages > 1 %}
|
||||
<div class="pagination">
|
||||
{% if paginator.previous_page %}
|
||||
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">« Prev</a>
|
||||
{% else %}
|
||||
<span>« Prev</span>
|
||||
{% endif %}
|
||||
|
||||
{% for page in (1..paginator.total_pages) %}
|
||||
{% if page == paginator.page %}
|
||||
<span class="webjeda">{{ page }}</span>
|
||||
{% elsif page == 1 %}
|
||||
<a href="{{ '/' | prepend: site.baseurl | replace: '//', '/' }}">{{ page }}</a>
|
||||
{% else %}
|
||||
<a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if paginator.next_page %}
|
||||
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next »</a>
|
||||
{% else %}
|
||||
<span>Next »</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user