diff options
| -rw-r--r-- | assets/css/main.css | 43 | ||||
| -rw-r--r-- | layouts/partials/footer.html | 47 | ||||
| -rw-r--r-- | layouts/partials/social.html | 16 |
3 files changed, 106 insertions, 0 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 75f2b9e..e49a669 100644 --- a/assets/css/main.css +++ b/assets/css/main.css | |||
| @@ -7,4 +7,47 @@ main { | |||
| 7 | display: flex; | 7 | display: flex; |
| 8 | flex-direction: column; | 8 | flex-direction: column; |
| 9 | justify-content: stretch; | 9 | justify-content: stretch; |
| 10 | } | ||
| 11 | |||
| 12 | footer { | ||
| 13 | background: #00000055; | ||
| 14 | } | ||
| 15 | |||
| 16 | .flex { | ||
| 17 | display: flex; | ||
| 18 | } | ||
| 19 | |||
| 20 | .flex.row { | ||
| 21 | flex-direction: row; | ||
| 22 | } | ||
| 23 | |||
| 24 | .flex.col { | ||
| 25 | flex-direction: column; | ||
| 26 | } | ||
| 27 | |||
| 28 | .footer-info { | ||
| 29 | width: 100%; | ||
| 30 | justify-content: center; | ||
| 31 | } | ||
| 32 | |||
| 33 | .flex.footer-info { | ||
| 34 | gap: 1rem; | ||
| 35 | } | ||
| 36 | |||
| 37 | .footer-info .flex.col { | ||
| 38 | min-width: 250px; | ||
| 39 | } | ||
| 40 | |||
| 41 | footer { | ||
| 42 | position:relative; | ||
| 43 | } | ||
| 44 | |||
| 45 | .copyright { | ||
| 46 | background: #00000055; | ||
| 47 | position: absolute; | ||
| 48 | left: 0; | ||
| 49 | bottom: 0; | ||
| 50 | width: 100%; | ||
| 51 | padding: 1rem; | ||
| 52 | text-align: center; | ||
| 10 | } \ No newline at end of file | 53 | } \ No newline at end of file |
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index eb1e7e7..d60e941 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html | |||
| @@ -1,5 +1,52 @@ | |||
| 1 | <footer> | 1 | <footer> |
| 2 | <div class="container"> | 2 | <div class="container"> |
| 3 | <h3>{{ .Site.Title }}</h3> | 3 | <h3>{{ .Site.Title }}</h3> |
| 4 | <div class="grid"> | ||
| 5 | <div class="flex col"> | ||
| 6 | <section> | ||
| 7 | <h4>Contact Info</h4> | ||
| 8 | <p>Phone: {{ .Site.Params.phone }}</p> | ||
| 9 | <p>Email: {{ .Site.Params.email }}</p> | ||
| 10 | </section> | ||
| 11 | <section> | ||
| 12 | <h4>Connect</h4> | ||
| 13 | <ul> | ||
| 14 | {{ range $key, $value := .Site.Social }} | ||
| 15 | <li> | ||
| 16 | {{ partial "social.html" (dict "social" $key "username" $value) }} | ||
| 17 | </li> | ||
| 18 | {{ end }} | ||
| 19 | </ul> | ||
| 20 | </section> | ||
| 21 | </div> | ||
| 22 | {{ with .Site.Params.friends }} | ||
| 23 | <div class="friends-list"> | ||
| 24 | <h3>Friends</h3> | ||
| 25 | <ul> | ||
| 26 | {{ range . }} | ||
| 27 | <li> | ||
| 28 | <a href="{{ .url }}" target="_blank"> | ||
| 29 | {{ if isset . "icon" }} | ||
| 30 | <img src="{{ .icon }}" alt="{{ .name }}" /> | ||
| 31 | {{ else }} | ||
| 32 | {{ .name }} | ||
| 33 | {{ end }} | ||
| 34 | </a> | ||
| 35 | </li> | ||
| 36 | {{ end }} | ||
| 37 | </ul> | ||
| 38 | </div> | ||
| 39 | {{ end }} | ||
| 40 | <section> | ||
| 41 | <h4>Navigation</h4> | ||
| 42 | <ul> | ||
| 43 | {{ range .Site.Menus.main }} | ||
| 44 | <li><a href="{{ .URL }}">{{ .Name }}</a></li> | ||
| 45 | {{ end }} | ||
| 46 | </ul> | ||
| 47 | </section> | ||
| 48 | </div> | ||
| 49 | </div> | ||
| 50 | <div class="copyright">© Copyright {{ now.Format "2006" }} | All Rights Reserved | ||
| 4 | </div> | 51 | </div> |
| 5 | </footer> \ No newline at end of file | 52 | </footer> \ No newline at end of file |
diff --git a/layouts/partials/social.html b/layouts/partials/social.html new file mode 100644 index 0000000..03645ad --- /dev/null +++ b/layouts/partials/social.html | |||
| @@ -0,0 +1,16 @@ | |||
| 1 | {{ $social := .social }} | ||
| 2 | {{ $username := .username }} | ||
| 3 | |||
| 4 | {{ $url := "" }} | ||
| 5 | |||
| 6 | {{ if eq $social "github" }} | ||
| 7 | {{ $url = printf "https://github.com/%s" $username }} | ||
| 8 | {{ else if eq $social "linkedin" }} | ||
| 9 | {{ $url = printf "https://www.linkedin.com/in/%s" $username }} | ||
| 10 | {{ else }} | ||
| 11 | {{ $url = "#" }} | ||
| 12 | {{ end }} | ||
| 13 | |||
| 14 | <a href="{{ $url }}" target="_blank"> | ||
| 15 | {{ title $social }} | ||
| 16 | </a> \ No newline at end of file | ||