c0de/django-social-links
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make the page more dynamic, update readme

Browse Source
This commit is contained in:
c0de
2023-11-13 22:50:28 -06:00
parent 53f6e290bb
commit ca52a95fae
4 changed files with 91 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
social_links/links/templates/links/index.html
View File

@@ -11,47 +11,46 @@
{% load django_bootstrap5 %}
{% bootstrap_css %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
{% load static %}
<link href="{% static 'cover.css' %}" rel="stylesheet">
</head>
<body class="d-flex h-100 text-center text-bg-dark">
<body class="d-flex h-100 text-center text-light">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto">
<div>
<h3 class="masthead-brand float-md-start mb-0"><a href="https://c0de.fox.pet"><img style="width: 12rem;" src="https://c0defox.es/paw-tail.svg" /></a></h3>
<h3 class="masthead-brand float-md-start mb-0"><a href="{{ heading.link }}"><img style="width: 12rem" src="https://c0defox.es/paw-tail.svg" /></a></h3>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link fw-bold py-1 px-0 active" href="https://c0defox.es"><i class="fas fa-home"></i> Home</a>
<a class="nav-link fw-bold py-1 px-0" href="https://storage.c0de.cloud" title="Personal cloud"><i class="fal fa-cloud"></i> c0de.cloud</a>
<a class="nav-link fw-bold py-1 px-0" href="https://lob.li" title="Link Shortener"><i class="fas fa-compress-alt"></i> lob.li</a>
<a class="nav-link fw-bold py-1 px-0" href="https://xn--l3h7012o.ws" title="foxcloud :3">🦊☁️</a>
<a class="nav-link fw-bold py-1 px-0 active" href="{{ heading.link }}"><i class="bi bi-house-door-fill"></i> Home</a>
{% for link in nav_links %}
<a class="nav-link fw-bold py-1 px-0" href="{{ link.value }}" title="{{ link.title }}"><i class="bi bi-{{ link.bootstrap_icon_class }}"></i> {{ link.text }}</a>{% endfor %}
</nav>
</div>
</header>
{% bootstrap_alert "Something went wrong" alert_type="danger" %}
<main role="main" class="px-3">
<h1 class="cover-heading"><a href="https://c0de.fox.pet"><img src="https://secure.gravatar.com/avatar/1e346a54257cf0a9932fcfc1e61c015d?s=200" /></a></h1>
<h1 class="cover-heading">c0de</h1>
<p class="lead">Some weird fox on the internet</p>
<p class="lead"></p>
<h1 class="cover-heading"><a href="{{ heading.link }}"><img src="{{ favicon }}?s=200" /></a></h1>
<h1 class="cover-heading">{{ heading.main }}</h1>
<p class="lead">{{ heading.secondary }}</p>
<p class="lead"></p>{% if links %}
<p class="lead">Here's some ways to get in touch with me</p>
<p class="lead">
<a href="https://teitter.com/foxyc0de" class="btn btn-secondary"><i class="bi bi-twitter"></i> Twitter</a>
<a href="https://t.me/c0defox" class="btn btn-secondary"><i class="bi bi-telegram"></i> Telegram</a>
<a href="https://github.com/alopexc0de" class="btn btn-secondary"><i class="bi bi-github"></i> Github</a>
<a href="https://keybase.io/alopexc0de" class="btn btn-secondary"><i class="bi bi-keycdn"></i> Keybase</a>
<a href="https://www.reddit.com/user/alopexc0de" class="btn btn-secondary"><i class="bi bi-reddit"></i> Reddit</a>
<a href="https://discord.com/users/c0de#0689" class="btn btn-secondary"><i class="bi bi-discord"></i> Discord</a>
<a href="http://steamcommunity.com/id/c0defox" class="btn btn-secondary"><i class="bi bi-steam"></i> Steam</a>
</p>
<p class="lead">{% for link in links %}
<a href="{{ link.value }}" class="btn btn-secondary"><i class="bi bi-{{ link.bootstrap_icon_class }}"></i> {{ link.title }}</a>{% endfor %}
</p>{% endif %}
</main>
{% if alert %}
{% bootstrap_alert alert.data alert_type=alert.level %}
{% endif %}
{% if footer %}
<footer class="mt-auto text-white-50">
<p>I'm apparently unique enough to have a name that others don't; ask one of my known accounts if unsure.</p>
<p>{{ footer }}</p>
</footer>
{% endif %}
</div>
{% bootstrap_javascript %}