index.html

---
layout:   frontpage
title:    argmin gravitas
visible:  false
---

{%    assign arb = "https://arbresearch.com/"   %}


<style>
	body {
		font-family: 'Berk', sans-serif;
	}
	
	.post-list{
		display: flex;
		flex-direction: column;
		gap: 2em;
		margin-bottom: 6em;
		margin-top: 2em;
	}

	.preview{
		background: linear-gradient(135deg, #006800 0%, #93cc93 100%);
		display: flex;
		gap: 6%;
		justify-content: flex-start;
		align-items: center;
		color: white;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.preview img{
		min-width: 150px;
		height: 150px;
		width: 150px;
		object-fit: cover;
	}

	.preview a:visited {
		color: white !important;
	}

	.preview-info{
		font-size: 0.9em;
		line-height: 1.5em;
	}

	.preview h3{
		margin-bottom: 0.4em;
		font-size: 1.8em;
		line-height: 1.2em;
		font-family: var(--serif);
		color: white !important;
		font-weight: 540;
	}

	.openers h2 {
		font-weight: 1000;
	}

	.preview a{
		text-decoration: none;
	}

	h4 {
		font-family: var(--serif);
		font-size: 1.4em
	}

	@media (max-width: 600px) {
		.preview img{
			width: 100px;
			height: 100px;
			min-width: 120px;
		}

		.preview h3{
			font-size: 1.5em;
		}

		h4{
			font-size: 1.2em;
		}
	}

	h2 {
		padding-bottom: 10px;
	}
</style>

<h2><a href="/archive">Posts</a></h2>

<div id="openers">
	<h2><a href="/researches#conference">Papers</a></h2>
	<h2><a href="/researches#books">Paperbacks</a></h2>
	<h2><a href="/best">Pinnacles</a></h2>
	<h2><a href="/poems">Poems</a></h2>
	<h2><a href="https://www.goodreads.com/review/list/68316850-gavin?sort=review&view=reviews">Punditry</a></h2>
	<h2><a href="/tags#fiction">Prose</a></h2>
	<h2><a href="/forecasting">Predictions</a></h2>
	<h2><a href="/tags">Parameters</a></h2>
</div>

<h2><a href="/rec">Preferences</a></h2>
<h2><a href="{{arb}}">Professional</a></h2>

<br><br><br><br>

<h2>Best posts</h2>
<section class="post-list">
    {% assign posts = site.posts | where_exp: "item", "item.quality > 6" | sample: 6 %}
    {% for post in posts %}
      {% if post.arb != 1 %}
			<article class="preview">
				<a href="{{ post.url | prepend: site.url }}">
					<img src="{{ post.img }}" />
				</a>
				<a href="{{ post.url | prepend: site.url }}">
					<div class="preview-info">
						<h3> {{ post.title }} </h3>
						<div>{{ post.summary }}</div>
					</div>
				</a>
			</article>
      {%  endif   %}
    {% endfor %}
</section>

<h2>Recent posts</h2>
<section class="post-list">    
    {% for post in site.posts limit:7 %}
      	{% if post.visible == 1  %}
				<article class="preview">
					<a href="{{ post.url | prepend: site.url }}">
						<img src="{{ post.img }}" />
					</a>
					<a href="{{ post.url | prepend: site.url }}">
						<div class="preview-info">
							<h3> {{ post.title }} </h3>
							<div> {{ post.summary }} </div>
						</div>
					</a>
				</article>
      	{% endif  %}
    {% endfor %}
</section>

<br>

<h3>
	<div class="directory fancy">
		<a href="{{ "/archive" | prepend: site.url }}">[all posts];</a>
		<a href="{{ "/tags" | prepend: site.url }}">[by topic];</a>
		<a href="{{ "/importance" | prepend: site.url }}">[by import]</a>
	</div>
</h3>

</style>

{%    include mc.html  %}


<script type="text/javascript">
	document.addEventListener('DOMContentLoaded', function() {
	    const list = document.getElementById('openers');
	    const items = Array.from(list.children);
	    const sampleSize = 2; 
	    
	    // Fisher-Yates shuffle
	    for (let i = items.length - 1; i > 0; i--) {
	        const j = Math.floor(Math.random() * (i + 1));
	        [items[i], items[j]] = [items[j], items[i]];
    	}
    
    	// Clear and repopulate
    	list.innerHTML = '';
    	items.slice(0, sampleSize).forEach(item => list.appendChild(item));
	});
</script>