JonasFranzDEV
/
portio-hugo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

reformat footer

Browse Source
master
Aaron N. Brock 4 years ago
parent fa7b7f17c3
commit c1c51c7b44
7 changed files with 115 additions and 125 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 14
      assets/scss/_common.scss
  2. 3
      assets/scss/_variables.scss
  3. 35
      assets/scss/components/_footer-section.scss
  4. 16
      assets/scss/components/_skill-section.scss
  5. 145
      exampleSite/config.toml
  6. 23
      layouts/partials/footer.html
  7. 4
      layouts/partials/skillSection.html

14
assets/scss/_common.scss
Unescape View File

@ -1,12 +1,10 @@
// html{
// scroll-behavior: smooth;
// }
// body {
// background: $body-color;
// }
.section{ .section{
padding: 100px 0; padding: 100px 0;
} }
.unstyle-list {
list-style-type: none;
padding-left: 0;
margin-right: 0;
}

3
assets/scss/_variables.scss
Unescape View File

@ -23,6 +23,7 @@ $secondary-font: 'Poppins', sans-serif;
// Colors // Colors
$primary: #5D78FF; $primary: #5D78FF;
$secondary: #7e7e8a;
// //
// Typography // Typography
@ -52,7 +53,7 @@ $line-height-base: 1.75;
// Coloring // Coloring
$headings-color: #282f49; $headings-color: #282f49;
$body-color: #7e7e8a; $body-color: $secondary;
// Misc // Misc
$link-hover-decoration: none; $link-hover-decoration: none;

35
assets/scss/components/_footer-section.scss
Unescape View File

@ -91,14 +91,6 @@
background: #fff; background: #fff;
} }
} }
// h1{
// font-size: 55px;
// margin: 0;
// line-height: 1;
// @include desktop{
// font-size: 40px;
// }
// }
} }
&_action{ &_action{
width: 40%; width: 40%;
@ -119,25 +111,16 @@
@include desktop{ @include desktop{
text-align: center; text-align: center;
padding: 50px 0; padding: 50px 0;
.footer__widget_address {
ul {
margin-right: 2.14285714em; // match fa-lu margin
}
}
} }
&_sitemap{ // &_sitemap{
// @include desktop{ // }
// margin: 40px 0; // &_address{
// } // }
// h3{
// margin: 0 0 40px 0;
// line-height: 1;
// font-size: 24px;
// @include desktop{
// margin: 0 0 20px 0;
// }
// }
}
&_address{
// ul{
// margin: 25px;
// }
}
} }
&__footer{ &__footer{
padding: 50px 0; padding: 50px 0;

16
assets/scss/components/_skill-section.scss
Unescape View File

@ -71,32 +71,20 @@
transition: all 0.3s ease; transition: all 0.3s ease;
.progress { .progress {
width: 100%; width: 100%;
background: #e7eef2; background: $light;
height: 10px; height: 10px;
border-radius: 5px; border-radius: 5px;
.progress-bar { .progress-bar {
border-radius: 5px; border-radius: 5px;
position: relative; position: relative;
animation: animate-positive 3000ms; animation: animate-positive 3000ms;
background: #5d78ff; background: $primary;
} }
} }
} }
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 30px; margin-bottom: 30px;
} }
h6 {
display: inline-block;
font-family: $secondary-font;
font-weight: 400;
font-size: 16px;
}
.progress-value {
float: right;
font-family: $secondary-font;
font-size: 16px;
font-weight: 400;
}
} }
} }
} }

145
exampleSite/config.toml
Unescape View File

@ -3,70 +3,89 @@ languageCode = "en-us"
paginate = 6 paginate = 6
theme = "portio" theme = "portio"
title = "Portio" title = "Portio"
# Main Menu # Main Menu
[[menu.main]] [[menu.main]]
name = "Home" name = "Home"
url = "#home" url = "#home"
weight = 1 weight = 1
[[menu.main]] [[menu.main]]
name = "About" name = "About"
url = "#about" url = "#about"
weight = 2 weight = 2
[[menu.main]] [[menu.main]]
name = "Service" name = "Service"
url = "#service" url = "#service"
weight = 3 weight = 3
[[menu.main]] [[menu.main]]
name = "Work" name = "Work"
url = "#portfolio" url = "#portfolio"
weight = 4 weight = 4
[[menu.main]] [[menu.main]]
name = "Resume" name = "Resume"
url = "#resume" url = "#resume"
weight = 5 weight = 5
[[menu.main]] [[menu.main]]
name = "Blog" name = "Blog"
url = "#blog" url = "#blog"
weight = 6 weight = 6
[[menu.main]] [[menu.main]]
name = "Contact" name = "Contact"
url = "#contact" url = "#contact"
weight = 7 weight = 7
# Sitemap Menu # Sitemap Menu
[[menu.sitemap]] [[menu.sitemap]]
name = "About me" name = "About me"
url = "about" url = "about"
weight = 1 weight = 1
[[menu.sitemap]] [[menu.sitemap]]
name = "Frequently Ask Question" name = "Frequently Ask Question"
url = "#" url = "#"
weight = 2 weight = 2
[[menu.sitemap]] [[menu.sitemap]]
name = "Privacy & Policy" name = "Privacy & Policy"
url = "#" url = "#"
weight = 3 weight = 3
[[menu.sitemap]] [[menu.sitemap]]
name = "Latest Article" name = "Latest Article"
url = "#" url = "#"
weight = 4 weight = 4
[params] [params]
blogPageURL = "blog" blogPageURL = "blog"
contactLink = "contact" contactLink = "contact"
copyright = "All right reserved copyright © Portio 2020" copyright = "All right reserved copyright © Portio 2020"
footerLogo = "images/contact/widget-logo.png" footerLogo = "images/contact/widget-logo.png"
formspreeURL = "YOUR FORMSPREE URL" formspreeURL = "YOUR FORMSPREE URL"
googleAnalytics = "YOUR GOOGLE ANALYTICS CODE" googleAnalytics = "YOUR GOOGLE ANALYTICS CODE"
logo = "images/site-navigation/logo.png" logo = "images/site-navigation/logo.png"
[params.address] [params.address]
address = "23 Khan Niketon, Grand Street, NYK." address = "23 Khan Niketon, Grand Street, NYK."
email = "hello@example.com" email = "hello@example.com"
openingHours = "Open from 10am to 6pm (close at 5pm Sundays)" openingHours = "Open from 10am to 6pm (close at 5pm Sundays)"
phone = "+(448) 833 5272 332" phone = "+(448) 833 5272 332"
[params.map]
APIkey = "YOUR GOOGLE MAP API" [params.map]
latitude = "23.7783741" APIkey = "YOUR GOOGLE MAP API"
longitude = "90.3746808" latitude = "23.7783741"
pinImage = "images/pin.png" longitude = "90.3746808"
pinImage = "images/pin.png"
# Socail icons
[[params.social]]
icon = "fa-facebook-official"
url = "https://www.facebook.com/"
weight = 1
[[params.social]]
icon = "fa-linkedin-square"
url = "https://www.linkedin.com/"
weight = 2
[[params.social]]
icon = "fa-pinterest-square"
url = "https://www.pinterest.com/"
weight = 3
[[params.social]]
icon = "fa-twitter-square"
url = "https://twitter.com/"
weight = 4

23
layouts/partials/footer.html
Unescape View File

@ -35,26 +35,26 @@
</div> </div>
<div class="row footer__widget"> <div class="row footer__widget">
<div class="col-lg-4"> <div class="col-lg-4">
<div class="footer__widget_logo"> <div class="footer__widget_logo mb-5">
<img src="{{ .Site.Params.footerLogo | absURL }}" alt="widget-logo"> <img src="{{ .Site.Params.footerLogo | absURL }}" alt="widget-logo">
</div> </div>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<div class="text-light footer__widget_sitemap"> <div class="text-light footer__widget_sitemap mb-5">
<h4 class="base-font">Sitemap</h4> <h4 class="base-font">Sitemap</h4>
<ul class="fa-ul small ml-0 mt-4 mr-4 mb-4"> <ul class="unstyle-list small">
{{ $sitemap := .Site.Menus.sitemap }} {{ $sitemap := .Site.Menus.sitemap }}
{{ range $sitemap }} {{ range $sitemap }}
<li class="mb-2 ml-0"><a class="text-light" href="{{ .URL | absURL }}">{{ .Name }}</a></li> <li class="mb-2"><a class="text-light" href="{{ .URL | absURL }}">{{ .Name }}</a></li>
{{ end }} {{ end }}
</ul> </ul>
</div> </div>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<div class="text-light footer__widget_address"> <div class="text-light footer__widget_address mb-5">
<h4 class="base-font">Address</h4> <h4 class="base-font">Address</h4>
{{ $address := .Site.Params.address }} {{ $address := .Site.Params.address }}
<ul class="fa-ul small m-4"> <ul class="fa-ul small">
<li class="mb-2"><a class="text-light" href="tel:{{ $address.phone }}"><span class="fa-li"><i <li class="mb-2"><a class="text-light" href="tel:{{ $address.phone }}"><span class="fa-li"><i
class="fa fa-phone"></i></span>{{ $address.phone }}</a></li> class="fa fa-phone"></i></span>{{ $address.phone }}</a></li>
<li class="mb-2"><a class="text-light" href="mailto:{{ $address.email }}"><span class="fa-li"><i <li class="mb-2"><a class="text-light" href="mailto:{{ $address.email }}"><span class="fa-li"><i
@ -74,11 +74,12 @@
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="footer__footer_social"> <div class="footer__footer_social">
<ul> <ul class="unstyle-list">
<li><a href=""><i class="fa fa-facebook-official"></i></a></li> {{ $social := .Site.Params.social }}
<li><a href=""><i class="fa fa-linkedin-square"></i></a></li> {{ range $social }}
<li><a href=""><i class="fa fa-pinterest-square"></i></a></li> <li><a target="_blank" href="{{ .url }}"><i class="fa {{ .icon }}"></i></a>
<li><a href=""><i class="fa fa-twitter"></i></a></li> </li>
{{ end }}
</ul> </ul>
</div> </div>
</div> </div>

4
layouts/partials/skillSection.html
Unescape View File

@ -44,8 +44,8 @@
{{ $section := .skill }} {{ $section := .skill }}
{{ range $section }} {{ range $section }}
<div class="skill__progress_item"> <div class="skill__progress_item">
<h6> {{ .title }} </h6> <span class="d-inline-block text-dark"> {{ .title }} </span>
<div class="progress-value"><span>{{ .percent }}</span>%</div> <div class="progress-value float-right"><span>{{ .percent }}</span>%</div>
<div class="progress"> <div class="progress">
<div class="progress-bar" style="width:{{ .percent }}%;" aria-valuemin="0" <div class="progress-bar" style="width:{{ .percent }}%;" aria-valuemin="0"
aria-valuemax="{{ .percent }}"></div> aria-valuemax="{{ .percent }}"></div>

Write Preview
Loading…
Cancel
Save