thumbnails!
This commit is contained in:
leah
parent
34a4fdadcd
commit
964a18af84
|
|
@ -1,5 +1,9 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block head %}
|
||||
<link href="https://v1.screenshot.11ty.dev" rel="preconnect" crossorigin>
|
||||
{% endblock head %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% include "index/header.html" %}
|
||||
|
|
|
|||
|
|
@ -1,37 +1,64 @@
|
|||
<div>
|
||||
{% set user_data = load_data(path="/users.toml") %}
|
||||
<div class="pages">
|
||||
{% set user_data = load_data(path="users.toml") %}
|
||||
<h3 style="margin-bottom: 2em;"> <span class="text"> our esteemed users </span> </h3>
|
||||
<ul>
|
||||
{% for u in user_data.all -%}
|
||||
<a href="/~{{ u }}/">
|
||||
<li>~{{ u }}</li>
|
||||
<li><span class="text">~{{ u }}</span></li>
|
||||
<img loading="lazy" src="https://screens.southlondon.cc/https%3A%2F%2Fsouthlondon.cc%2F~{{ u }}%2F">
|
||||
</a>
|
||||
|
||||
{%- endfor %}
|
||||
<a href="/signup/">
|
||||
<li><b>join today!</b></li>
|
||||
<li><span class="text">Join Today!</span></li>
|
||||
<img loading="lazy" src="data:image/svg+xml,%3Csvg width='1570' height='2186' viewBox='0 0 1570 2186' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M924.341 1127.44C898.618 1133.25 874.555 1138.64 852.151 1143.62C829.747 1148.6 808.173 1153.17 787.428 1157.31C766.684 1160.63 746.769 1163.54 727.685 1166.03C708.6 1167.69 689.93 1169.35 671.675 1171.01C653.42 1171.84 635.165 1172.25 616.91 1172.25H425.232C389.552 1172.25 367.563 1163.95 359.265 1147.36C350.967 1130.76 351.382 1104.62 360.51 1068.94C363.829 1057.33 367.563 1046.12 371.712 1035.34C375.86 1023.72 380.839 1012.93 386.647 1002.98H660.473C675.409 1002.98 689.515 1003.39 702.791 1004.22C716.897 1004.22 730.589 1004.64 743.865 1005.47C757.142 1006.3 770.003 1007.54 782.45 1009.2C795.726 1010.03 808.588 1011.69 821.034 1014.18C834.311 1015.84 847.587 1017.91 860.863 1020.4C874.14 1022.06 887.831 1024.55 901.937 1027.87C919.362 1032.02 931.809 1039.07 939.277 1049.03C946.745 1058.16 947.99 1071.85 943.011 1090.1C941.351 1097.57 938.447 1105.04 934.298 1112.51C930.979 1119.14 927.66 1124.12 924.341 1127.44ZM1203.15 1154.83L1209.37 1131.18C1213.52 1110.43 1216.01 1093.01 1216.84 1078.9C1217.67 1064.79 1214.76 1051.1 1208.12 1037.83C1201.49 1023.72 1189.87 1006.71 1173.27 986.796C1156.68 966.881 1139.67 948.211 1122.24 930.786C1104.82 912.531 1086.15 895.106 1066.23 878.51C1046.32 861.915 1024.74 845.734 1001.51 829.968C978.276 814.203 952.968 798.852 925.586 783.916C898.203 768.15 868.331 751.97 835.97 735.374C829.332 743.672 823.109 752.385 817.3 761.512C812.322 769.81 807.343 778.937 802.364 788.895C798.215 798.022 794.896 807.98 792.407 818.767C787.428 838.681 785.769 855.277 787.428 868.553C789.088 881 794.066 891.372 802.364 899.67C810.662 907.967 823.523 915.85 840.949 923.318C866.672 936.594 889.905 949.041 910.65 960.658C932.224 971.445 952.138 983.892 970.393 997.998C989.478 1012.1 1008.15 1028.28 1026.4 1046.54C1045.49 1063.96 1065.4 1085.54 1086.15 1111.26L1074.94 1046.54L1055.03 1129.93L1096.1 1066.45C1066.23 1093.84 1037.19 1117.49 1008.98 1137.4C981.595 1156.48 954.628 1173.08 928.075 1187.19C901.522 1200.46 874.14 1212.49 845.927 1223.28C818.545 1233.24 789.088 1242.37 757.556 1250.66C737.642 1255.64 721.461 1261.45 709.015 1268.09C697.398 1274.73 687.855 1284.27 680.387 1296.72C672.919 1308.33 666.281 1325.34 660.473 1347.75C657.984 1356.87 655.909 1365.59 654.25 1373.89C653.42 1382.18 653.005 1390.48 653.005 1398.78C653.005 1407.08 653.42 1414.96 654.25 1422.43C655.079 1429.9 656.739 1436.53 659.228 1442.34C737.227 1423.26 809.417 1400.02 875.799 1372.64C942.181 1345.26 1002.34 1313.73 1056.28 1278.05C1111.04 1241.54 1160 1200.46 1203.15 1154.83Z' fill='%23BBBBBB'/%3E%3C/svg%3E">
|
||||
</a>
|
||||
</ul>
|
||||
<a href="/signup/" class="join">
|
||||
<li><b>join today!</b></li>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.pages {
|
||||
padding: 1em 2em;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
padding: 1em 2em;
|
||||
|
||||
list-style: none;
|
||||
gap: 24px;
|
||||
gap: 36px 24px;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul>a {
|
||||
ul>a:hover {
|
||||
color: #8360c3;
|
||||
background: none;
|
||||
}
|
||||
|
||||
ul>a:hover>img {
|
||||
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.8);
|
||||
transform: scale(1.04);
|
||||
}
|
||||
|
||||
.text {
|
||||
background: white;
|
||||
border: var(--border2);
|
||||
font-size: 2em;
|
||||
padding: 0.5em 1.25em;
|
||||
border-radius: 80px;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8);
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
|
||||
ul>a:last-of-type {
|
||||
font-variation-settings: 'wght' 700, 'CASL' 0.75, 'slnt' -15;
|
||||
img {
|
||||
margin-top: 1em;
|
||||
background: white;
|
||||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
|
||||
transition: 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
||||
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
border-radius: 40px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
Reference in New Issue