len0rd/personal-website
1
0
Fork 0
mirror of https://github.com/len0rd/personal-website.git synced 2025-02-28 19:42:15 -05:00
Code Issues 1 Packages Projects 1 Releases Wiki Activity

small adjustments and changes to visuals

Browse source
This commit is contained in:
len0rd 2022-10-05 11:21:25 -04:00
parent 5abcc940ce
commit 3c6c9bbb50
7 changed files with 19 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/css/site.css
View file

@ -1,5 +1,5 @@
.icon-footer {
padding: 2%;
padding: 3%;
padding: 2vh;
}
@ -50,7 +50,7 @@
}
.code {
background-color: #161038;
background-color: #09003d;
}
.card-soft-link {

20
assets/script/app.js
View file

@ -1,20 +0,0 @@
var $document = $(document),
$nav = $('.navbar-top'),
navbarDef = 'bg-dark',
effect = 'fadeInDown';
if (window.location.pathname ==='/') {
$document.scroll(function() {
//if >100 pixels have been scrolled
if ($document.scrollTop() >= 100) {
$nav.addClass(navbarDef);
$nav.addClass(effect); //add animation effect
} else {
$nav.removeClass(navbarDef);
$nav.removeClass(effect); //add animation effect
}
});
} else {
$nav.addClass(navbarDef);
$nav.addClass(effect); //add animation effect
}

10
views/pages/contact.ejs
View file

@ -5,17 +5,15 @@
<%- include('../partials/include') %>
</head>
<body>
<body class="d-flex flex-column min-vh-100">
<header>
<%- include('../partials/nav') %>
</header>
<div class="container-cenMain">
<div class="cenMain">
<div class="container mt-5 topMargin">
<h1>Contact me</h1>
<p>Questions? Comments? Spam?. Please email me with the below address:</p>
<h2>len0rd"AT"fastmail.co.uk</h2>
</div>
<p>Questions? Comments? Spam? Please email me with the below address:</p>
<h4>len0rd"AT"fastmail.co.uk</h4>
</div>
<%- include('../partials/footer') %>

3
views/pages/recipe_navigator.ejs
View file

@ -6,7 +6,7 @@
<link rel="stylesheet" type="text/css" href="/css/projects.css">
</head>
<body>
<body class="d-flex flex-column min-vh-100">
<header>
<%- include('../partials/nav') %>
</header>
@ -32,6 +32,7 @@
</div>
</div>
<%- include('../partials/footer') %>
<%- include('../partials/post_html_include') %>
<script>
const TAG_ACTIVE_CLASS = "btn-primary";

18
views/partials/footer.ejs
View file

@ -1,24 +1,24 @@
<!-- you may need to remove 'fixed-bottom' if the footer is persisting on scroll-->
<footer class="footer bg-dark">
<footer class="footer bg-black">
<div class="container-fluid text-center">
<div class="row">
<div class="col-md-12 py-3">
<div class="flex-center">
<a class="li-ic icon-footer" href="https://github.com/len0rd">
<i class="fab fa-github white-text fa-2x" style="color:white"></i>
<div class="col-md-12">
<div class="flex-center py-1">
<a class="li-ic icon-footer" style="color:black" href="https://github.com/len0rd">
<i class="fab fa-github fa-lg" style="color:white"></i>
</a>
<a class="li-ic icon-footer" href="https://www.youtube.com/channel/UCwGDckTCkqqW5W8JcRrxELA">
<i class="fab fa-youtube fa-lg white-text fa-2x" style="color:white"></i>
<a class="li-ic icon-footer" style="color:black" href="https://www.youtube.com/channel/UCwGDckTCkqqW5W8JcRrxELA">
<i class="fab fa-youtube fa-lg" style="color:white"></i>
</a>
<a class="li-ic icon-footer" href="/contact">
<i class="fas fa-at fa-lg white-text fa-2x" style="color:white"></i>
<i class="fas fa-at fa-lg" style="color:white"></i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 mb-2">
<div class="footer-copyright text-center text-white">lenordsNet <%= new Date().getFullYear();%></div>
<div class="footer-copyright text-center text-white">&copy; lenordsNet <%= new Date().getFullYear();%></div>
</div>
</div>
</div>

4
views/partials/nav.ejs
View file

@ -1,4 +1,4 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-black fixed-top">
<nav class="navbar navbar-expand-sm navbar-dark bg-black fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="/#">lenordsNet</a>
@ -15,7 +15,7 @@
<a class="nav-link" href="/recipe_navigator">Recipes</a>
</li>
</ul>
<a href="/contact" class="btn btn-outline-light my-2 my-sm-0">Contact</a>
<a href="/contact" class="btn btn-outline-light">Contact</a>
</div>
</div>
</nav>

2
views/partials/post_html_include.ejs
View file

@ -1,4 +1,2 @@
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script type="text/javascript" src="/script/app.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>