uw935/vatsimfox
1
0
Fork 0
mirror of https://github.com/uw935/vatsimfox.git synced 2026-09-17 05:59:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: html style fixed && add: border footer & header changed

Browse Source
This commit is contained in:
uw935
2024-03-02 02:06:30 +03:00
parent 96175d2af5
commit 2d1e4e6f9f
2 changed files with 42 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/templates/include/template.html
+15 -8
View File
@@ -36,19 +36,26 @@
</style> </style>
<body> <body>
<main> <main>
<div class="container py-4"> <header class="border-bottom">
<header class="pb-3 mb-4 border-bottom"> <div class="container py-4">
<a href="/" class="d-flex align-items-center text-dark text-decoration-none"> <a href="/" class="d-flex align-items-center text-dark text-decoration-none">
<span class="fs-4">🦊 VATSIM <span class="text-primary">Fox</span></span> <span class="fs-4">🦊 VATSIM <span class="text-primary">Fox</span></span>
</a> </a>
</header> </div>
</header>
<div class="container py-4">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div>
<footer class="pt-3 mt-4 text-muted border-top"> <footer class="text-muted border-top">
created by <a href="https://uw935.t.me/" style="text-decoration: underline; cursor: pointer;">uw935</a> (1606255) <div class="container py-4">
</footer> created by
</div> <a href="https://uw935.t.me/" style="text-decoration: underline; cursor: pointer;">
uw935
</a> (1606255)
</div>
</footer>
</main> </main>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
src/templates/index.html
+26 -24
View File
@@ -2,33 +2,35 @@
{% block title %}VATSIM Fox — view detailed profile statistic{% endblock %} {% block title %}VATSIM Fox — view detailed profile statistic{% endblock %}
{% block content %} {% block content %}
<div class="p-5 mb-4 bg-light rounded-3"> <div class="p-5 mb-4 bg-light rounded-3">
<div class="container-fluid py-5"> <div class="container-fluid py-5">
<h1 class="display-5 fw-bold">Enter your VATSIM CID</h1> <h1 class="display-5 fw-bold">Enter your VATSIM CID</h1>
<p class="col-md-8 fs-4">See your detailed profile statistic</p> <p class="col-md-8 fs-4">See your detailed profile statistic</p>
<div class="d-flex" role="search"> <div class="d-flex" role="search">
<input class="fox_input form-control me-2" type="number" placeholder="100000" aria-label="CID"> <input class="fox_input form-control me-2" type="number" placeholder="100000" aria-label="CID">
<button class="fox_submit btn btn-outline-primary" type="submit">Search</button> <button class="fox_submit btn btn-outline-primary" type="submit">Search</button>
</div> </div>
<p class="fox_message text-primary col-md-8 fs-4"></p> <p class="fox_message text-primary col-md-8 fs-4"></p>
</div> </div>
</div> </div>
<div class="mb-4 row align-items-md-stretch"> <div class="mb-4 row align-items-md-stretch">
<div class="col-md-6"> <div class="col-md-6">
<div class="h-100 p-5 text-bg-dark rounded-3"> <div class="h-100 p-5 text-bg-dark rounded-3">
<h2>About</h2> <h2>About</h2>
<p>VATSIM Fox is an open-source project to make it easier for users to see their detailed profile statistic</p> <p>VATSIM Fox is an open-source project to make it easier for users to see their detailed profile statistic</p>
</div> </div>
</div> </div>
<div class="col-md-6">
<div class="h-100 p-5 bg-light border rounded-3"> <div class="col-md-6">
<h2>Open source project</h2> <div class="h-100 p-5 bg-light border rounded-3">
<p>This project is fully opened, so you can contribute in it if you want</p> <h2>Open source project</h2>
<a href="https://github.com/uw935/vatsimfox"> <p>This project is fully opened, so you can contribute in it if you want</p>
<button class="btn btn-outline-secondary" type="button">GitHub</button>
</a> <a href="https://github.com/uw935/vatsimfox">
</div> <button class="btn btn-outline-secondary" type="button">GitHub</button>
</div> </a>
</div>
</div>
</div> </div>
{% endblock %} {% endblock %}
{% block javascript_code %} {% block javascript_code %}