Browse Source

added styling and html for release page in the form of "release cards", adjusted header nav bar, and made footer look better on mobile.

master
D 6 months ago
parent
commit
eae9860ea3
  1. 150
      css/style.css
  2. 414
      releases/sd/1.4.0/index.html

150
css/style.css

@ -112,6 +112,13 @@ input[type="radio"] ~ a label a {
pointer-events: none;
}
.section-title {
color: white;
text-align: center;
text-shadow: 0 0 2rem rgba(255, 255, 255, 0.5);
}
/* ●============== Header ==============● */
/* ----- Nav ----- */
.header {
@ -120,17 +127,14 @@ input[type="radio"] ~ a label a {
position: relative;
justify-content: center;
align-items: center;
/* width: 100vw; */
height: 7rem;
/* box-sizing: border-box; */
/* overflow: hidden; */
height: 4rem;
}
.header-nav {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
position: relative;
top: 0;
margin: 0;
height: 6rem;
@ -142,7 +146,7 @@ input[type="radio"] ~ a label a {
align-items: center;
justify-content: center;
z-index: 12;
height: 3.5rem;
height: 100%;
/* % WIDTH TAKEN OF NAV BAR */
width: 20%;
@ -159,7 +163,7 @@ input[type="radio"] ~ a label a {
.nav-center {
z-index: 12;
position: relative;
height: 3.5rem;
height: 100%;
/* % WIDTH TAKEN OF NAV BAR */
width: 5%;
@ -173,8 +177,8 @@ input[type="radio"] ~ a label a {
transition: all ease-in-out 300ms;
border-radius: var(--border-radius-large);
position: absolute;
height: 3.5rem;
margin: 0 auto;
height: 3rem;
margin: .75rem auto 0 auto;
}
.header-logo svg path {
transition: all ease-in-out 300ms;
@ -191,8 +195,8 @@ input[type="radio"] ~ a label a {
position: relative;
align-items: center;
justify-content: center;
height: 3.5rem;
height: 100%;
margin-top: .75rem;
/* % WIDTH TAKEN OF NAV BAR */
width: 50%;
/* % WIDTH TAKEN OF NAV BAR */
@ -384,7 +388,7 @@ input[type="radio"] ~ a label a {
align-items: center;
margin: -23rem 0 0 0;
width: 100%;
filter: drop-shadow(0vh 0vh 3vh rgba(255, 255, 255, 0.268));
filter: drop-shadow(0vh 0vh 1rem rgba(255, 255, 255, 0.268));
pointer-events: none;
}
@ -405,7 +409,9 @@ input[type="radio"] ~ a label a {
word-break: keep-all;
font-size: 3rem;
color: rgb(var(--color-text-main));
filter: drop-shadow(0vh 0vh 2rem rgba(255, 255, 255, 0.59));
text-shadow: 0 0 1.25rem rgba(255, 255, 255, 0.619);
padding: 2rem;
/* filter: drop-shadow(0vh 0vh 2rem rgba(255, 255, 255, 0.59)); */
box-sizing: border-box;
overflow: hidden;
}
@ -421,7 +427,9 @@ input[type="radio"] ~ a label a {
margin: -2.25rem 0 0 0;
font-size: 2rem;
color: rgb(var(--color-text-main));
filter: drop-shadow(0vh 0vh 3vh rgba(255, 255, 255, 0.59));
/* filter: drop-shadow(0vh 0vh 3vh rgba(255, 255, 255, 0.59)); */
text-shadow: 0 0 1.25rem rgba(255, 255, 255, 0.619);
padding: 2rem;
box-sizing: border-box;
overflow: hidden;
}
@ -1190,7 +1198,7 @@ footer {
flex-direction: column;
justify-content: center;
align-items: center;
margin: 1vh;
margin: 1rem;
color: rgb(var(--color-text-main));
text-align: center;
@ -1207,8 +1215,8 @@ footer {
display: flex;
justify-content: center;
align-items: center;
width: 4vh;
margin: 1.25vh;
width: 2rem;
margin: .75rem;
transform: scale(100%);
}
@ -1221,7 +1229,7 @@ footer > p {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.25vh;
font-size: 1rem;
color: rgb(var(--color-text-main));
}
@ -1259,3 +1267,109 @@ footer > p {
.footer-icon:hover > .tooltip {
visibility: visible;
}
.section-default {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding: 0 0 12rem 0;
}
.release-card {
display: flex;
align-items: center;
justify-content: center;
outline: .15rem solid rgba(255, 255, 255, 0.5);
width: 64rem;
margin: 4rem auto;
border-radius: .2rem;
background-color: rgba(255, 255, 255, 0.25);
color: white;
}
.section-dl-link {
display: inline-block;
transition: all ease-in-out 100ms;
color: white;
text-decoration: none;
outline: .15rem solid rgba(255, 255, 255, 0.5);
padding: .25rem .5rem;
border-radius: .5rem;
background-color: rgba(0, 204, 255, 0.15);
}
.section-dl-link:hover {
transform: scale(1.05);
background-color: rgba(0, 204, 255, 0.5);
outline: .1rem solid rgba(255, 255, 255, 0.75);
}
.release-card ul {
display: flex;
flex-direction: column;
background-color: rgba(0, 0, 0, 0.5);
border-radius: .2rem;
list-style: none;
padding: .5rem .5rem;
width: fit-content;
margin: auto auto auto 0;
text-align: left;
}
.release-card li {
background-color: rgba(255, 255, 255, 0.25);
padding: .25rem .5rem;
margin: .1rem;
border-radius: .25rem;
}
.release-card li span{
background-color: rgba(255, 0, 0, 0.25);
padding: 0 .25rem;
}
.release-card p a {
transition: all ease-in-out 100ms;
display: inline-block;
color: white;
background-color: rgba(255, 255, 255, 0.25);
padding: .15rem;
border-radius: .2rem;
}
.release-card p a:hover {
transform: scale(1.05);
}
@media (max-width: 1200px) {
.release-card {
width: 90%;
padding: .5rem;
}
footer {
display: flex;
margin: 0 auto;
width: 90%;
}
.footer-nav {
width: 100%;
margin: 0;
flex-wrap: wrap;
}
footer p {
width: 90%;
}
}

414
releases/sd/1.4.0/index.html

@ -1,151 +1,291 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8">
<title>Hush SilentDragon 1.4.0 Zany Zooid</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<link rel="shortcut icon" href="favicon_hush_x256.ico" />
<link rel="stylesheet" href="../../../css/style.css?v=1" />
<title>Hush SilentDragon 1.4.0 Zany Zooid</title>
</head>
<!-- Favicons -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="/images/icons/favicon.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/icons/favicon@2x.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/icons/favicon-72.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/icons/favicon-72@2x.png">
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="/images/icons/favicon-60.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/images/icons/favicon-60@2x.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/images/icons/favicon-76.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/icons/favicon-76@2x.png">
<body>
<!-- Checkbox for Mobile Nav Bar -->
<!-- Header & Nav Bar -->
<!-- Styles -->
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/styles.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offest="120">
<!-- Navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<!--Mobile menu icon -->
<div class="container navbar-toggle collapsed" data-toggle="collapse" data-target="#menuicon" aria-expanded="true" role="button">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
<header class="header">
<div class="header-nav">
<input type="checkbox" id="nav-check" style="display: none" />
<div class="header-gradient"></div>
<div class="nav-logo">
<a class="header-logo" href="https://hush.is">
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
width="4rem"
height="4rem"
viewBox="0 0 256 256"
>
>
<path
fill="white"
stroke="none"
stroke-width="1"
d="M 138.90,158.50
C 138.90,158.50 138.90,182.50 138.90,182.50
138.90,188.50 134.00,193.40 128.00,193.40
128.00,193.40 128.00,193.40 128.00,193.40
127.90,193.40 127.90,193.40 127.80,193.40
124.90,193.30 122.30,192.10 120.40,190.20
118.50,188.30 117.30,185.70 117.20,182.80
117.20,182.70 117.20,182.70 117.20,182.60
117.20,182.60 117.20,142.30 117.20,142.30
117.20,138.70 121.50,137.00 124.00,139.50
124.00,139.50 136.00,151.50 136.00,151.50
137.80,153.20 138.90,155.80 138.90,158.50 Z
M 138.90,73.90
C 138.90,73.90 138.90,113.80 138.90,113.80
138.90,117.40 134.60,119.10 132.10,116.60
132.10,116.60 120.10,104.60 120.10,104.60
118.20,102.70 117.10,100.10 117.10,97.40
117.10,97.40 117.10,73.90 117.10,73.90
117.10,73.80 117.10,73.80 117.10,73.70
117.20,67.90 121.90,63.20 127.70,63.10
127.80,63.10 127.80,63.10 127.90,63.10
127.90,63.10 128.00,63.10 128.00,63.10
134.00,63.00 138.90,67.90 138.90,73.90 Z
M 84.50,153.80
C 84.50,153.80 84.50,153.80 84.50,153.80
90.50,153.80 95.40,158.70 95.40,164.70
95.40,164.70 95.40,222.00 95.40,222.00
95.40,228.00 90.50,232.90 84.50,232.90
84.50,232.90 84.50,232.90 84.50,232.90
78.50,232.90 73.60,228.00 73.60,222.00
73.60,222.00 73.60,164.60 73.60,164.60
73.60,158.60 78.50,153.80 84.50,153.80 Z
M 40.90,210.60
C 40.90,210.60 40.90,210.60 40.90,210.60
34.90,210.60 30.00,205.70 30.00,199.70
30.00,199.70 30.00,47.20 30.00,47.20
30.00,41.20 34.90,36.30 40.90,36.30
40.90,36.30 40.90,36.30 40.90,36.30
46.90,36.30 51.80,41.20 51.80,47.20
51.80,47.20 51.80,199.70 51.80,199.70
51.80,205.70 46.90,210.60 40.90,210.60 Z
M 84.50,12.60
C 84.50,12.60 84.50,12.60 84.50,12.60
90.50,12.60 95.40,17.50 95.40,23.50
95.40,23.50 95.40,121.50 95.40,121.50
95.40,127.50 90.50,132.40 84.50,132.40
84.50,132.40 84.50,132.40 84.50,132.40
78.50,132.40 73.60,127.50 73.60,121.50
73.60,121.50 73.60,23.50 73.60,23.50
73.60,17.50 78.50,12.60 84.50,12.60 Z
M 171.50,232.90
C 171.50,232.90 171.50,232.90 171.50,232.90
165.50,232.90 160.60,228.00 160.60,222.00
160.60,222.00 160.60,124.00 160.60,124.00
160.60,118.00 165.50,113.10 171.50,113.10
171.50,113.10 171.50,113.10 171.50,113.10
177.50,113.10 182.40,118.00 182.40,124.00
182.40,124.00 182.40,222.00 182.40,222.00
182.40,228.10 177.50,232.90 171.50,232.90 Z
M 171.50,91.80
C 171.50,91.80 171.50,91.80 171.50,91.80
165.50,91.80 160.60,86.90 160.60,80.90
160.60,80.90 160.60,23.50 160.60,23.50
160.60,17.50 165.50,12.60 171.50,12.60
171.50,12.60 171.50,12.60 171.50,12.60
177.50,12.60 182.40,17.50 182.40,23.50
182.40,23.50 182.40,80.90 182.40,80.90
182.40,86.90 177.50,91.80 171.50,91.80 Z
M 215.10,210.60
C 215.10,210.60 215.10,210.60 215.10,210.60
209.10,210.60 204.20,205.70 204.20,199.70
204.20,199.70 204.20,47.20 204.20,47.20
204.20,41.20 209.10,36.30 215.10,36.30
215.10,36.30 215.10,36.30 215.10,36.30
221.10,36.30 226.00,41.20 226.00,47.20
226.00,47.20 226.00,199.70 226.00,199.70
225.90,205.70 221.10,210.60 215.10,210.60 Z
M 117.30,101.40
C 117.30,101.30 117.20,101.10 117.20,101.00
117.30,101.20 117.30,101.30 117.30,101.40 Z
M 128.00,214.60
C 130.70,214.60 133.30,214.30 135.80,213.70
137.40,213.30 138.90,214.50 138.90,216.10
138.90,216.10 138.90,245.10 138.90,245.10
138.90,251.10 134.00,256.00 128.00,256.00
128.00,256.00 128.00,256.00 128.00,256.00
122.00,256.00 117.10,251.10 117.10,245.10
117.10,245.10 117.10,216.10 117.10,216.10
117.10,214.50 118.60,213.30 120.20,213.70
122.70,214.30 125.30,214.60 128.00,214.60 Z
M 138.90,10.90
C 138.90,10.90 138.90,39.90 138.90,39.90
138.90,41.50 137.40,42.70 135.80,42.30
133.30,41.70 130.70,41.40 128.00,41.40
125.30,41.40 122.70,41.70 120.20,42.30
118.60,42.70 117.10,41.50 117.10,39.90
117.10,39.90 117.10,10.90 117.10,10.90
117.10,4.90 122.00,0.00 128.00,0.00
128.00,0.00 128.10,0.00 128.10,0.00
134.00,0.00 138.90,4.90 138.90,10.90 Z"
/>
</svg>
</a>
</div>
<a class="navbar-brand" href="/" data-value="home-section">
<img src="/images/logo-nav.png" alt="Logo">
</a>
<div class="nav-center"></div>
<nav class="nav-buttons">
<a href="https://explorer.hush.is" class="component-button"
><small>Explorer</small></a
>
<a href="https://videos.hush.is" class="component-button"
><small>Videos</small></a
>
<a
href="https://git.hush.is/hush/SilentDragonLite/releases"
class="component-button"
><small>Download HushChat</small></a
>
<a href="https://hush.is/privacy" class="component-button"
><small>Privacy</small></a
>
</nav>
<div class="nav-bg"></div>
<label for="nav-check" class="nav-menu-btn"></label>
</div>
<!-- Bootstrap Navbar No Mobile -->
<div class="collapse navbar-collapse" id="menuicon">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a class="trlangREMOVED" href="javascript:;">&nbsp;&nbsp;<i class="fa fa-cog"></i>&nbsp;&nbsp;</a>
<ul class="dropdown-content-lang">
</header>
<!-- Hero Section -->
<div style="width: 100%; height: 4rem"></div>
<h1 class="section-title">Latest HUSH Releases</h1>
<section class="section-default">
<article class="release-card" id="mainSection">
<div class="col-sm-12">
<h2>Hush SilentDragon 1.4.0 "Zany Zooid"</h2>
<div>
<p>
Downloads:
<a
class="section-dl-link"
href="https://git.hush.is/attachments/e72a0723-e436-4091-b95f-550b9f6640a2"
>Windows ZIP</a
>
|
<a
class="section-dl-link"
href="https://git.hush.is/attachments/6f50203d-04ba-4b20-a4cb-d95b37298a82"
>Windows MSI</a
>
|
<a
class="section-dl-link"
href="https://git.hush.is/attachments/b197663c-445c-4f36-acc6-153b1ec643c3"
>Mac</a
>
</p>
<p>
This GUI wallet release contains Full Node release
<a href="https://hush.is/releases/3.10.0">3.10.0</a>
which is a required update. Please update by December 15th
2023!
</p>
<p>This release contains</p>
<ul>
<li>View Block Details</li>
<li>Use a proxy other than localhost</li>
<li>
<a class="english" id="english" href="javascript:;" onclick="testch(this.id)">
English
</a>
<span>Bug fix:</span> Show more than 10 mining
transactions
</li>
<li><span>Bug fix:</span> Exporting wallet on Windows</li>
<li>Now compiles on Ubuntu 20.04</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div id="seconds_until_halving" style="display:none;">0</div>
<!-- Home Section -->
<section class="home-section" id="home-section">
<div class="display-table">
<div class="display-table-cell">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1>Hush SilentDragon 1.4.0 "Zany Zooid"</h1>
<div>
<p>
Downloads:
<a href="https://git.hush.is/attachments/e72a0723-e436-4091-b95f-550b9f6640a2">Windows ZIP</a> |
<a href="https://git.hush.is/attachments/6f50203d-04ba-4b20-a4cb-d95b37298a82">Windows MSI</a> |
<a href="https://git.hush.is/attachments/b197663c-445c-4f36-acc6-153b1ec643c3">Mac</a>
</p>
<p>
This GUI wallet release contains Full Node release <a href="https://hush.is/releases/3.10.0">3.10.0</a> which is a required update. Please update by December 15th 2023!
</p>
<p>
This release contains
<ul>
<li>View Block Details</li>
<li>Use a proxy other than localhost</li>
<li>Bug fix: Show more than 10 mining transactions</li>
<li>Bug fix: Exporting wallet on Windows</li>
<li>Now compiles on Ubuntu 20.04</li>
</ul>
</p>
<p>Full release notes can be viewed
<font color="red">
<a href="https://git.hush.is/hush/SilentDragon/releases/tag/v1.4.0">here</a> </font> .
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contact-section" id="contact-section">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="title"><h3 class="con1lang">Join us!</h3></div>
<p><strong class="con2alang">Hush</strong><span class="con2blang"> is a community project. Everyone is welcomed with open arms!</span></p>
<div class="contact-text">
<ul>
<li><a class="telegram" href="//hush.is/telegram" target="_blank" data-toggle="tooltip" title="Telegram"><img src="/images/Telegram_grey.png" alt="Telegram" height="45px" width="45px"/></a></li>
<li><a class="matrix" href="//hush.is/matrix" target="_blank" data-toggle="tooltip" title="Matrix"><img src="/images/Matrix.png" alt="Matrix" height="45px" width="45px"/></a></li>
<!--
<li><a class="twitter" href="//hush.is/twitter" target="_blank" data-toggle="tooltip" title="Twitter"><img src="/images/Twitter_grey.png" alt="Twitter" height="45px" width="45px"/></a></li>
-->
<li><a class="mastodon" href="//hush.is/mastodon" target="_blank" data-toggle="tooltip" title="Mastodon"><img src="/images/Mastodon.png" alt="Mastodon" height="45px" width="45px"/></a></li>
<li><a class="reddit" href="//hush.is/reddit" target="_blank" data-toggle="tooltip" title="Reddit"><img src="/images/reddit_grey.png" alt="Reddit" height="45px" width="45px"/></a></li>
<li><a class="btc" href="//bitcointalk.org/index.php?topic=2008578.0" target="_blank" data-toggle="tooltip" title="Bitcointalk"><img src="/images/btc_grey.png" alt="Bitcointalk" height="45px" width="45px"/></a></li>
<li><a class="youtube" href="//hush.is/youtube" target="_blank" data-toggle="tooltip" title="YouTube"><img src="/images/Youtube_grey.png" alt="YouTube" height="45px" width="45px"/></a></li>
<li><a class="git" href="//git.hush.is" target="_blank" data-toggle="tooltip" title="Git"><img src="/images/logo_github.svg" alt="Git" height="45px" width="45px"/></a></li>
</ul>
</div>
<div class="contact-copyright">
<p>Copyright &copy; 2016-<span id="s_year"></span> The Hush developers. All rights reserved.</p>
</div>
<p>
Full release notes can be viewed
<a href="https://git.hush.is/hush/SilentDragon/releases/tag/v1.4.0">here</a>.
</p>
</div>
</div>
</div>
</article>
</section>
<!-- Scroll Top -->
<div class="animated fadeInRight" id="scroll-top">
<i class="fa fa-chevron-up"></i>
</div>
<footer>
<h2>Hush is a community project. Everyone is welcomed with open arms!</h2>
<div class="footer-nav">
<a class="footer-icon" href="https://hush.is/twitter/">
<img src="../../../graphics/social_media_icons/icon_twitter.svg" alt />
<span class="tooltip">Twitter</span>
</a>
<a class="footer-icon" href="https://hush.is/tg/">
<img src="../../../graphics/social_media_icons/icon_telegram.svg" alt />
<span class="tooltip">Telegram</span>
</a>
<a
class="footer-icon"
href="https://www.youtube.com/channel/UCmGOYuRrFbPGRw5vytVgUQw"
>
<img src="../../../graphics/social_media_icons/icon_Youtube.svg" alt />
<span class="tooltip">Youtube</span>
</a>
<a class="footer-icon" href="https://odysee.com/@hush:17">
<img src="../../../graphics/social_media_icons/icon_odysee.svg" alt />
<span class="tooltip">Odysee</span>
</a>
<a class="footer-icon" href="https://git.hush.is/hush">
<img src="../../../graphics/social_media_icons/icon_git.svg" alt />
<span class="tooltip">Git</span>
</a>
<a class="footer-icon" href="https://hush.is/matrix/">
<img src="../../../graphics/social_media_icons/icon_matrix.svg" alt />
<span class="tooltip">Matrix</span>
</a>
<a
class="footer-icon"
href="https://bitcointalk.org/index.php?topic=2008578.0"
>
<img src="../../../graphics/social_media_icons/icon_bitcointalk.svg" alt />
<span class="tooltip">Bitcoin Talk</span>
</a>
<a class="footer-icon" href="https://hush.is/mastodon">
<img src="../../../graphics/social_media_icons/icon_mastadon.svg" alt />
<span class="tooltip">Mastodon</span>
</a>
<a class="footer-icon" href="https://videos.hush.is/">
<img src="../../../graphics/social_media_icons/icon_peertube.svg" alt />
<span class="tooltip">Peertube</span>
</a>
<a class="footer-icon" href="https://hush.is/reddit/">
<img src="../../../graphics/social_media_icons/icon_reddit.svg" alt />
<span class="tooltip">Reddit</span>
</a>
</div>
<p>Copyright © 2016-2023 The Hush developers. All rights reserved.</p>
</footer>
<!-- Scripts -->
<script type="text/javascript">
var today=new Date();
var year = today.getFullYear();
var syear = document.getElementById('s_year');
syear.innerHTML = year;
</script>
<script src="//code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"> </script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/scripts.js"></script>
</body>
<!-- Scripts -->
<script type="text/javascript">
var today = new Date();
var year = today.getFullYear();
var syear = document.getElementById("s_year");
syear.innerHTML = year;
</script>
<script
src="//code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"
></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/scripts.js"></script>
</body>
</html>

Loading…
Cancel
Save