xemu-project/xemu-website
1
0
Fork 0
mirror of https://github.com/xemu-project/xemu-website.git synced 2024-11-26 21:00:33 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Style tweaks

Browse Source
This commit is contained in:
Matt Borgerson 2022-06-28 15:18:15 -07:00
parent 277162465d
commit e454daf24c
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
templates/template_base.html
View File

@ -45,7 +45,7 @@
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark navbar-transparent">
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark navbar-background navbar-transparent">
<a class="navbar-brand" href="{{ main_url_base }}/"><img alt="xemu logo" src="/logo-green.svg" style="height: 1em"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@ -82,7 +82,7 @@
<div class="container">
<div class="col-lg-10 mx-auto mt-5">
{% block content %}{% endblock %}
<footer class="my-5 pt-5 text-muted text-center text-small">
<footer class="my-5 text-muted text-center text-small">
<p><strong>Disclaimer:</strong>
All product names, logos, and brands are property of their respective owners. All company, product and service names and/or images used in this website are for identification purposes only.
</p>

6
templates/template_index.html
View File

@ -95,7 +95,7 @@
{
.navbar-transparent
{
background-color: transparent !important;
background: transparent !important;
transition: background-color 200ms linear;
}
}
@ -108,7 +108,7 @@
<div class="container">
<div class="row mt-5">
<div class="col-md-6 mt-4 pb-5 pb-md-0 text-center">
<img src="xbox_logo.png" class="img-fluid" width=450 />
<img src="xbox_logo.png" id="xbox-logo" class="img-fluid" width=450 />
</div>
<div class="col-md-6">
<h1 class="display-3">
@ -282,7 +282,7 @@ window.addEventListener('resize', function(){
<script type="text/javascript">
function updateNavbarTransparency() {
var nav = $(".navbar");
var t = $(document).scrollTop() < ($(".jumbotron")[0].offsetHeight-nav.height());
var t = $(document).scrollTop() < $("#xbox-logo").offset().top - nav.height();
nav.toggleClass('navbar-transparent', t);
}
$(document).scroll(updateNavbarTransparency);

6
theme.scss
View File

@ -444,3 +444,9 @@ $pre-color: inherit !default;
font-size: 1.25em;
padding: 0.5em;
}
.navbar-background
{
background-color: rgba(0, 0, 0, 0.6) !important;
transition: background-color 200ms linear;
}