Browse Source

Fix some design stuff

master
Jonas Franz 2 years ago
parent
commit
24d0856854
  1. 7
      assets/scss/_typography.scss
  2. 1
      exampleSite/.forestry/front_matter/templates/portfolio-template.yml
  3. 13
      layouts/partials/footer.html
  4. 13
      layouts/partials/hero.html
  5. 4
      layouts/partials/navbar.html

7
assets/scss/_typography.scss

@ -12,6 +12,13 @@ @@ -12,6 +12,13 @@
color: #282f49;
}
.footer__widget_logo {
font-family: $logo-font-family;
font-weight: 900;
font-size: 18pt;
color: white;
}
a.text-light,
a.text-dark {
// transition: all 0.3s ease;

1
exampleSite/.forestry/front_matter/templates/portfolio-template.yml

@ -34,3 +34,4 @@ pages: @@ -34,3 +34,4 @@ pages:
- content/portfolio/case-study-one.md
- content/portfolio/event-app-case-study.md
- content/portfolio/recipe-app-ux-study.md
- content/portfolio/fromapp.md

13
layouts/partials/footer.html

@ -23,12 +23,10 @@ @@ -23,12 +23,10 @@
</svg>
</div>
<div class="text-light footer__cta_content">
<span>Contact me</span>
<h2 class="mb-0">Let’s Start a Project</h2>
<h2 class="mb-0">Kontakt aufnehmen</h2>
</div>
<div class="footer__cta_action">
<a class="btn btn-light btn-zoom" href="{{ .Site.Params.contactLink | absURL }}">Get in
touch</a>
<a class="btn btn-light btn-zoom" href="{{ .Site.Params.contactLink | absURL }}">Kontakt</a>
</div>
</div>
</div>
@ -36,12 +34,13 @@ @@ -36,12 +34,13 @@
<div class="row footer__widget">
<div class="col-lg-4">
<div class="footer__widget_logo mb-5">
<img src="{{ .Site.Params.footerLogo | absURL }}" alt="widget-logo">
Jonas Franz
</div>
</div>
<div class="col-lg-4">
<div class="text-light footer__widget_sitemap mb-5">
<h4 class="base-font">Sitemap</h4>
<h4 class="base-font">Rechtliches</h4>
<ul class="unstyle-list small">
{{ $sitemap := .Site.Menus.sitemap }}
{{ range $sitemap }}
@ -52,7 +51,7 @@ @@ -52,7 +51,7 @@
</div>
<div class="col-lg-4">
<div class="text-light footer__widget_address mb-5">
<h4 class="base-font">Address</h4>
<h4 class="base-font">Adresse</h4>
{{ $address := .Site.Params.address }}
<ul class="fa-ul small">
<li class="mb-2"><a class="text-light" href="tel:{{ $address.phone }}"><span class="fa-li"><i

13
layouts/partials/hero.html

@ -31,8 +31,6 @@ @@ -31,8 +31,6 @@
<span class="top-title pre-line">{{ .topTitle }}</span>
{{ .content | markdownify }}
</div>
<a type="button" class="btn btn-lg btn-primary btn-zoom"
href="{{ .buttonURL | absURL }}">{{ .buttonName }}</a>
</div>
</div>
<div class="col-lg-6">
@ -46,18 +44,7 @@ @@ -46,18 +44,7 @@
-webkit-mask-size: contain;
-webkit-mask-position: center center;
' />
<div class="hero_figure-popup">
<div class="thumb">
<img src="{{ .videoThumb }}" alt="popup" />
</div>
<a href="{{ .videoURL }}" type="button" class="popup-button text-center big">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24">
<path d="M17.961 10.264a2 2 0 010 3.473L2.992 22.29A2 2 0 010 20.554V3.446A2 2 0 012.992 1.71z"
data-name="Polygon 4" />
</svg>
</a>
</div>
</div>
</div>
</div>

4
layouts/partials/navbar.html

@ -10,7 +10,7 @@ @@ -10,7 +10,7 @@
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<ul class="nav navbar-nav main-navigation my-0 mx-auto">
<ul class="nav navbar-nav main-navigation my-0 ml-auto mr-5">
{{ $menu := .Site.Menus.main }}
{{ range $index, $element := $menu }}
<li class="nav-item">
@ -20,7 +20,7 @@ @@ -20,7 +20,7 @@
{{ end }}
</ul>
<div class="navbar-nav">
<a href="{{ "contact" | absURL }}" class="btn btn-primary btn-zoom hire_button">Hire Me Now</a>
<a href="{{ "contact" | absURL }}" class="btn btn-primary btn-zoom hire_button">Kontakt</a>
</div>
</div>
</div>

Loading…
Cancel
Save