make hx-boost explicit; move css to main.css

This commit is contained in:
GroovieGermanikus 2023-12-01 14:44:49 +01:00
parent 78ecf4f82a
commit 542bfb9c33
No known key found for this signature in database
GPG Key ID: 5B6EB831A5CD2015
7 changed files with 18 additions and 36 deletions

View File

@ -1,2 +1,4 @@
h1 {
body {
font-family: 'Rubik';
--explorer-default-font: 'Rubik';
}

View File

@ -12,7 +12,7 @@
<tr>
<td>
<span class="text-primary">
<a href="/block/{{ block.slot }}">{{ block.slot }}</a>
<a hx-boost="true" href="/block/{{ block.slot }}">{{ block.slot }}</a>
</span>
</td>
<td>

View File

@ -1,9 +1,9 @@
<nav class="navbar">
<div class="container justify-content-end">
<nav class="nav">
<a class="nav-link" href="/tx-errors">TX Errors</a>
<a class="nav-link" href="/recent-blocks">Recent Blocks</a>
<a class="nav-link" href="/search">Search</a>
<a hx-boost="true" class="nav-link" href="/tx-errors">TX Errors</a>
<a hx-boost="true" class="nav-link" href="/recent-blocks">Recent Blocks</a>
<a hx-boost="true" class="nav-link" href="/search">Search</a>
</nav>
</div>
</nav>

View File

@ -6,15 +6,10 @@
<link rel="preconnect" href="https://api.fonts.coollabs.io" crossorigin>
<link href="https://api.fonts.coollabs.io/css2?family=Rubik&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='a72bf4ce55ad4320.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='main.css') }}">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style>
body {
font-family: 'Rubik';
--explorer-default-font: 'Rubik';
}
</style>
</head>
<body hx-boost="true">
<body>
<div class="main-content pb-6">
@ -61,8 +56,8 @@
<div class="header-body pt-0">
<ul class="nav nav-tabs nav-overflow header-tabs">
<!-- note: local anchors are not hx-boost'ed -->
<li class="nav-item"><a class="nav-link" href="#write-locked-accounts">Write locked accounts</a></li>
<li class="nav-item"><a class="nav-link" href="#read-locked-accounts">Read locked accounts</a></li>
<li class="nav-item"><a hx-boost="false" class="nav-link" href="#write-locked-accounts">Write locked accounts</a></li>
<li class="nav-item"><a hx-boost="false" class="nav-link" href="#read-locked-accounts">Read locked accounts</a></li>
</ul>
</div>
</div>

View File

@ -3,21 +3,16 @@
<head>
<title>Solana Recent Blocks</title>
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='a72bf4ce55ad4320.css') }}">
<link rel="preconnect" href="https://api.fonts.coollabs.io" crossorigin>
<link href="https://api.fonts.coollabs.io/css2?family=Rubik&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='a72bf4ce55ad4320.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='main.css') }}">
<script src="https://unpkg.com/htmx.org@1.9.6" integrity="sha384-FhXw7b6AlE/jyjlZH5iHa/tTe9EpJ1Y55RjcgPbjeWMskSxZt1v9qkxLJWNJaGni" crossorigin="anonymous"></script>
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">-->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style>
body {
font-family: 'Rubik';
--explorer-default-font: 'Rubik';
}
</style>
</head>
<body hx-boost="true">
<body>
<div class="main-content pb-6" hx-trigger="every 2s" hx-get="/recent-blocks">

View File

@ -6,18 +6,13 @@
<link rel="preconnect" href="https://api.fonts.coollabs.io" crossorigin>
<link href="https://api.fonts.coollabs.io/css2?family=Rubik&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='a72bf4ce55ad4320.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='main.css') }}">
<script src="https://unpkg.com/htmx.org@1.9.6" integrity="sha384-FhXw7b6AlE/jyjlZH5iHa/tTe9EpJ1Y55RjcgPbjeWMskSxZt1v9qkxLJWNJaGni" crossorigin="anonymous"></script>
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">-->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style>
body {
font-family: 'Rubik';
--explorer-default-font: 'Rubik';
}
</style>
</head>
<body hx-boost="true">
<body>
<div class="main-content pb-6">

View File

@ -6,17 +6,12 @@
<link rel="preconnect" href="https://api.fonts.coollabs.io" crossorigin>
<link href="https://api.fonts.coollabs.io/css2?family=Rubik&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='a72bf4ce55ad4320.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='main.css') }}">
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">-->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style>
body {
font-family: 'Rubik';
--explorer-default-font: 'Rubik';
}
</style>
</head>
<body hx-boost="true">
<body>
<div class="main-content pb-4">