ofco/mccans-theme
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Kurtis Holsapple
2025-05-20 14:15:03 -07:00
parent c074a5ef18
commit edcad561a5
179 changed files with 52733 additions and 4704 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
tpl/header.tpl
View File

@@ -6,56 +6,56 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{#wp-title}}</title>
<!-- the following CSS is included for a fancy pants intro page. Feel free
to delete it! -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=montserrat:400,400i,700,700i" rel="stylesheet" />
<style>
* {
font-family: 'Montserrat', sans-serif;
}
body, html {
background-color: #212529;
color: #dee2e6;
font-size: 1.1rem;
line-height: 1.5;
}
.container {
max-width: 900px;
padding: 0 1rem;
display: block;
margin: 0 auto;
}
a {
color: #f472b6;
text-decoration: none;
}
.text-center {
text-align: center;
}
.m-0 {
margin: 0;
}
.mb-4 {
margin-bottom: 1.25rem;
}
code {
font-family: monospace;
color: white;
background-color: black;
display: inline-block;
line-height: 1.1;
font-size: 1rem;
padding: 2px 4px;
}
.outro h2 {
font-size: 1.2rem;
}
footer {
font-size: .8rem;
}
</style>
<link href="https://fonts.bunny.net/css?family=inter:400,400i,700,700i|montserrat:400,400i,600,600i,700,700i,800,800i" rel="stylesheet" />
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
{{#wp-header}}
</head>
<body {{#body-classes}}>
<section class="top-bar">
<div class="container">
<div class="row">
<div class="col">
<div class="d-flex gap-5 justify-content-end">
<input type="text" placeholder="What are you searching for?" />
<div>
<a href="{{ accountHref }}" class="account-button">
{{{ person-icon }}}
My Account
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="main-nav">
<div class="container">
<div class="row">
<div class="col">
<div class="d-flex justify-content-between flex-wrap align-items-center">
<div class="logo-wrapper">
<a href="/"><img src="{{#assetUrl main-logo.png }}" alt="McCann's Medical" /></a>
<a href="#" id="mobile-nav-toggle">
{{#assetContents list.svg}}
{{#assetContents x-lg.svg}}
</a>
</div>
<nav class="align-items-center gap-3 main-nav">
{{{ menu }}}
<p class="cta-button small">
<a href="tel:855-622-2661">{{{ phone-icon }}} 855-622-2661</a>
</p>
</nav>
</div>
</div>
</div>
</div>
</section>