feat: Make prettier
This commit is contained in:
@@ -1,53 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>{{ title }}</title>
|
||||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>{{ title }}</title>
|
||||
|
||||
<meta property="og:title" content="{{ title }}" />
|
||||
<meta property="og:description" content="{{ description }}" />
|
||||
|
||||
<meta property="og:title" content="{{ title }}" />
|
||||
<meta property="og:description" content="{{ description }}" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link href="/assets/css/index.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<link rel="stylesheet" href="assets/css/index.css" />
|
||||
<link rel="stylesheet" href="{{ page_assets }}/css/main.css" />
|
||||
|
||||
<!-- Mastodon -->
|
||||
<link rel="me" href="https://{{ mastodon_instance_url }}/{{ mastodon_handle }}" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="horizontal-center">
|
||||
<div class="vertical header">
|
||||
<div id="header" class="horizontal">
|
||||
<img class="avatar" src="{{ page_assets }}/img/avatar.jpg" alt="" />
|
||||
<body class="min-h-screen h-full flex flex-col p-8 h-full">
|
||||
<div class="flex flex-col items-center">
|
||||
<!-- Allow the header to be independently sized from the content -->
|
||||
<div>
|
||||
<div class="flex flex-row">
|
||||
<img class="w-32 md:w-36 lg:w-48 h-32 md:h-36 lg:h-48 rounded-lg" src="https://cdn.polynom.me/img/avatar.jpg" />
|
||||
|
||||
<div class="vertical-center">
|
||||
<span class="name-title">Alexander "PapaTutuWawa"</span>
|
||||
<div class="flex flex-col justify-center px-8">
|
||||
<a href="/"><h1 class="text-xl lg:text-4xl text-indigo-400">PapaTutuWawa</h1></a>
|
||||
|
||||
<div id="header-links">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="https://{{ blog_url }}">Blog</a></li>
|
||||
<li><a href="code.html">Code</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-row justify-between">
|
||||
<a class="text-indigo-400" href="https://blog.polynom.me">Blog</a>
|
||||
<a class="text-indigo-400" href="/code.html">Code</a>
|
||||
<a class="text-indigo-400" href="/contact.html">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ content }}
|
||||
|
||||
<br />
|
||||
|
||||
<div class="horizontal-center footer">
|
||||
<span>
|
||||
Created by <i>PapaTutuWawa</i> with <3 using
|
||||
<a href="https://github.com/google/roboto">Roboto</a>,
|
||||
<a href="https://github.com/RedHatOfficial/Overpass">Overpass</a> and
|
||||
<a href="https://github.com/sunainapai/makesite">makesite</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{{ content }}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,9 +1,7 @@
|
||||
<div class="no-screenshot clickable">
|
||||
<a href="https://{{ item.source_url }}">
|
||||
<div class="vertical-center">
|
||||
<div class="horizontal-center">
|
||||
<span class="no-screenshot-pound">#</span>
|
||||
</div>
|
||||
<div class="flex justify-center md:w-48 md:h-48 w-24 h-24 rounded-lg clickable bg-indigo-950">
|
||||
<a class="prose text-white text-5xl" href="https://{{ item.source_url }}">
|
||||
<div class="md:w-48 md:h-48 w-24 h-24 flex flex-col justify-center">
|
||||
<span class="text-center">#</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,12 +1,14 @@
|
||||
<div class="horizontal project-row">
|
||||
<div class="flex flex-row self-start pt-8">
|
||||
{{ template_if_empty item.screenshot layout/templates/no_screenshot.html layout/templates/screenshot.html }}
|
||||
<div class="vertical">
|
||||
<h2>{{ item.title }}</h2>
|
||||
<p>{{ item.description }}</p>
|
||||
<div class="flex flex-col pl-8">
|
||||
<h2 class="prose text-indigo-400 text-2xl">{{ item.title }}</h2>
|
||||
<p class="prose text-white text-justify">{{ item.description }}</p>
|
||||
|
||||
<ul>
|
||||
{{ template_if_empty item.website layout/templates/empty.html layout/templates/project_website.html }}
|
||||
<li><a href="https://{{ item.source_url }}">Code</a></li>
|
||||
</ul>
|
||||
<div class="pt-4">
|
||||
<ul>
|
||||
{{ template_if_empty item.website layout/templates/empty.html layout/templates/project_website.html }}
|
||||
<li><a class="prose text-indigo-400" href="https://{{ item.source_url }}">Code</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1 +1 @@
|
||||
<li><a href="https://{{ item.website }}">Website</a></li>
|
||||
<li><a class="text-indigo-400" href="https://{{ item.website }}">Website</a></li>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<div>
|
||||
<a href="https://{{ item.source_url }}" target="_blank">
|
||||
<img class="screenshot clickable" src="{{ item.screenshot }}" alt="Screenshot of {{ item.title }}" />
|
||||
<img class="w-24 md:w-48 max-w-none rounded-lg clickable" src="{{ item.screenshot }}" alt="Screenshot of {{ item.title }}" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user