Add clan logo (favicon), fix long Ataraxy title

Code for logo as landing image.
5 years ago · 49b91f1b6e
20 changed files with 157 additions and 3 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1 +1,3 @@
 public/
+
+commit-msg.txt
--- a/assets/sass/custom.scss
+++ b/assets/sass/custom.scss
@ -25,6 +25,15 @@ p, h3 {
  border-radius: 50%;
 }

+// .hero-area {
+  // background-color: blue;
+  // background-color: #000099;
+  // background-position: center;
+  // background-repeat: no-repeat;
+  // // background-size: auto;
+  // background-size: contain;
+// }
+
 .member-meta {
  span {
    font-size: .8em;
--- a/config.toml
+++ b/config.toml
@ -49,6 +49,7 @@ custom_css = ["css/custom.css"]
    [params.banner]
    enable = true
    bgImage = "images/slider/hero-area.webp"
+    # bgImage = "images/slider/eagle.png"
    heading = "Ataraxy"
    content= "NA, MP-focused clan that is currently looking for friendly and active clan members to play together with."
    btn = true
--- a/layouts/partials/head_custom.html
+++ b/layouts/partials/head_custom.html
@ -4,6 +4,21 @@ Do not put anything in this file - it's only here so that hugo won't throw an er
 -->
 {{ $style := resources.Get "sass/custom.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }}
 <link rel="stylesheet" href="{{ $style.Permalink }}">
+
+<!-- favicon -->
+
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+<link rel="manifest" href="/site.webmanifest">
+<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+<meta name="msapplication-TileColor" content="#2b5797">
+<meta name="theme-color" content="#ff0000">
+
+<!-- favicon -->
+
+<!-- Open Graph -->
+
 <meta property="og:title" content="Ataraxy | Call of Duty: Mobile Clan" />
 <meta property="og:type" content="website" />
 <meta property="og:url" content="http://codm.ataraxy.tk/" />
@ -13,3 +28,5 @@ Do not put anything in this file - it's only here so that hugo won't throw an er
 <meta property="og:image" content="images/url-preview.png" />
 <meta property="og:image:width" content="300" />
 <meta property="og:image:height" content="300" />
+
+<!-- Open Graph -->
--- a/layouts/partials/navigation.html
+++ b/layouts/partials/navigation.html
@ -0,0 +1,45 @@
+{{"<!-- Fixed Navigation -->" | safeHTML}}
+<nav id="navigation" class="navbar navbar-expand-lg navigation sticky-top">
+	<div class="container">
+
+		{{"<!-- logo -->" | safeHTML}}
+		<a class="navbar-brand logo" href="{{ .Site.BaseURL | absURL }}">
+			<img src="{{ .Site.Params.logo | absURL }}" alt="Logo" />
+			<span class="pl-2 font-weight-bold">{{ index (split .Site.Title "|") 0 }}</span>
+		</a>
+		{{"<!-- /logo -->" | safeHTML}}
+
+		{{"<!-- responsive nav button -->" | safeHTML}}
+		<button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse"
+			data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
+			aria-label="Toggle navigation">
+			<span class="navbar-toggler-icon"></span>
+		</button>
+		{{"<!-- /responsive nav button -->" | safeHTML}}
+
+		{{"<!-- main nav -->" | safeHTML}}
+		{{ if .IsHome }}
+		<div class="collapse navbar-collapse" id="navbarSupportedContent">
+			<ul class="navbar-nav ml-auto navigation-menu">
+				<li class="nav-item"><a class="nav-link" data-scroll
+						href="#body">{{ with $.Site.Params.home }}{{ . }}{{ end }}</a></li>
+				{{ range $.Site.Menus.nav }}
+				<li class="nav-item"><a class="nav-link" data-scroll href="#{{ .URL }}">{{ .Name }}</a></li>
+				{{ end }}
+			</ul>
+		</div>
+		{{ else }}
+		<div class="collapse navbar-collapse" id="navbarSupportedContent">
+			<ul class="navbar-nav ml-auto navigation-menu">
+				<li class="nav-item"><a class="nav-link" data-scroll
+						href="{{ $.Site.BaseURL }}#body">{{ with $.Site.Params.home }}{{ . }}{{ end }}</a></li>
+				{{ range $.Site.Menus.nav }}
+				<li class="nav-item"><a class="nav-link" data-scroll href="{{ $.Site.BaseURL }}#{{ .URL }}">{{ .Name }}</a></li>
+				{{ end }}
+			</ul>
+		</div>
+		{{ end }}
+		{{"<!-- /main nav -->" | safeHTML}}
+	</div>
+</nav>
+{{"<!-- End Fixed Navigation -->" | safeHTML}}
--- a/static/.gitattributes
+++ b/static/.gitattributes
@ -0,0 +1,6 @@
+mstile-150x150.png filter=lfs diff=lfs merge=lfs -text
+android-chrome-192x192.png filter=lfs diff=lfs merge=lfs -text
+apple-touch-icon.png filter=lfs diff=lfs merge=lfs -text
+favicon-16x16.png filter=lfs diff=lfs merge=lfs -text
+favicon-32x32.png filter=lfs diff=lfs merge=lfs -text
+images/codm-logo.png filter=lfs diff=lfs merge=lfs -text
--- a/static/android-chrome-192x192.png
+++ b/static/android-chrome-192x192.png
--- a/static/apple-touch-icon.png
+++ b/static/apple-touch-icon.png
--- a/static/browserconfig.xml
+++ b/static/browserconfig.xml
@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
--- a/static/favicon-16x16.png
+++ b/static/favicon-16x16.png
--- a/static/favicon-32x32.png
+++ b/static/favicon-32x32.png
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/static/images/.gitattributes
+++ b/static/images/.gitattributes
@ -33,3 +33,5 @@ br.png filter=lfs diff=lfs merge=lfs -text
 clan.png filter=lfs diff=lfs merge=lfs -text
 logo-default.png filter=lfs diff=lfs merge=lfs -text
 mp.png filter=lfs diff=lfs merge=lfs -text
+url-preview.png filter=lfs diff=lfs merge=lfs -text
+slider/eagle.png filter=lfs diff=lfs merge=lfs -text
--- a/static/images/codm-logo.png
+++ b/static/images/codm-logo.png
--- a/static/images/logo-default.png
+++ b/static/images/logo-default.png
-size 1042
--- a/static/images/logo.png
+++ b/static/images/logo.png
--- a/static/images/slider/eagle.png
+++ b/static/images/slider/eagle.png
--- a/static/mstile-150x150.png
+++ b/static/mstile-150x150.png
--- a/static/safari-pinned-tab.svg
+++ b/static/safari-pinned-tab.svg
@ -0,0 +1,52 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="200.000000pt" height="200.000000pt" viewBox="0 0 200.000000 200.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M76 1568 c10 -21 51 -59 110 -103 52 -38 94 -71 94 -73 0 -4 -13 4
+-88 55 -35 24 -65 43 -67 43 -12 0 12 -39 39 -63 18 -16 24 -25 13 -21 -18 6
+-17 4 2 -34 12 -23 31 -48 44 -55 172 -106 347 -221 347 -228 0 -14 -12 -11
+-50 12 -19 12 -73 42 -119 66 -46 25 -124 67 -174 94 -49 28 -91 49 -92 47 -2
+-2 11 -24 29 -48 27 -37 46 -51 105 -74 39 -16 70 -31 68 -33 -2 -2 -28 3 -58
+11 -30 7 -56 12 -57 11 -11 -10 39 -56 73 -70 l40 -15 -35 6 c-31 5 -33 4 -20
+-9 13 -14 92 -45 243 -95 33 -11 47 -21 47 -34 0 -10 -3 -18 -7 -18 -5 0 -86
+22 -180 49 l-173 48 29 -36 c24 -30 41 -39 98 -53 l68 -17 -58 5 -59 5 19 -25
+c15 -22 45 -32 76 -27 4 0 7 -4 7 -9 0 -6 -12 -8 -27 -5 -27 6 -27 6 -9 -9 14
+-11 44 -16 100 -18 45 0 86 -2 91 -3 6 -2 18 -3 28 -4 9 0 17 -8 17 -16 0 -12
+-24 -15 -132 -17 l-133 -3 34 -21 c27 -18 45 -21 94 -18 39 2 57 0 51 -6 -5
+-5 -24 -10 -42 -12 -17 -1 -32 -6 -32 -10 0 -17 44 -29 88 -24 48 6 48 2 -1
+-8 -15 -4 -25 -10 -23 -15 3 -5 34 -3 68 4 48 10 65 11 70 2 13 -21 10 -24
+-69 -58 l-78 -34 40 -5 c30 -4 52 0 88 17 49 24 58 22 32 -8 -15 -15 -13 -17
+20 -23 21 -4 41 -16 51 -31 16 -24 15 -27 -11 -61 -22 -29 -24 -34 -8 -26 11
+6 25 18 33 26 17 21 31 20 23 -1 -4 -11 -3 -14 6 -9 8 5 23 -2 39 -16 39 -36
+111 -83 156 -102 38 -16 41 -16 90 10 62 32 127 77 145 98 7 9 17 13 22 10 5
+-3 9 3 9 12 0 15 4 14 25 -6 32 -30 42 -21 15 12 l-20 26 29 31 c16 17 39 31
+52 31 21 0 21 1 6 18 -26 29 -11 31 39 6 32 -16 52 -21 67 -15 12 5 29 6 37 3
+39 -12 -11 19 -64 40 -61 24 -71 34 -58 55 5 9 21 8 64 -2 65 -15 89 -6 31 12
+l-38 12 46 -5 c48 -6 95 9 84 27 -4 5 -17 9 -31 9 -13 0 -24 4 -24 9 0 5 24 8
+53 6 43 -2 59 2 83 21 l29 24 -127 0 c-107 0 -128 2 -128 15 0 8 3 15 8 16 15
+2 80 7 149 10 48 3 74 9 78 17 3 7 0 10 -5 7 -6 -3 -10 -1 -10 4 0 6 8 11 18
+11 9 0 25 12 36 26 l18 26 -48 -7 c-27 -3 -59 -9 -71 -12 -13 -3 -23 -3 -23 0
+0 4 36 14 80 23 61 13 86 24 106 46 15 15 25 31 22 34 -4 3 -33 -2 -65 -11
+-32 -10 -62 -18 -68 -19 -5 -2 -30 -8 -55 -15 -25 -7 -55 -15 -67 -17 -12 -2
+-34 -9 -48 -14 -35 -13 -35 -13 -35 9 0 19 4 21 190 86 42 14 82 30 90 35 25
+15 3 23 -32 11 -18 -6 -28 -7 -23 -2 6 5 27 14 48 21 24 7 43 22 52 41 9 16
+14 29 13 29 -2 0 -32 -9 -67 -20 -36 -11 -66 -18 -68 -16 -2 2 20 13 49 25
+113 47 124 53 138 74 7 12 20 33 28 46 l16 23 -42 -21 c-24 -12 -86 -46 -140
+-75 -229 -125 -252 -136 -252 -124 0 8 33 33 73 58 225 138 292 186 314 229
+23 42 20 43 -29 9 -16 -11 -28 -17 -28 -14 0 2 21 20 46 38 25 18 53 46 61 62
+17 33 22 35 -87 -39 -84 -58 -100 -68 -100 -63 0 2 49 39 109 82 91 67 151
+129 139 142 -2 1 -127 -89 -278 -202 -274 -204 -274 -204 -318 -199 -65 8
+-121 22 -228 56 l-97 31 -56 -21 c-79 -28 -198 -58 -262 -65 -58 -7 -54 -9
+-239 132 -61 47 -346 259 -358 266 -8 5 -7 -3 4 -26z m235 -195 c13 -16 12
+-17 -3 -4 -10 7 -18 15 -18 17 0 8 8 3 21 -13z m252 -610 c-7 -2 -21 -2 -30 0
+-10 3 -4 5 12 5 17 0 24 -2 18 -5z m907 -1 c0 -5 -13 -7 -30 -4 -16 2 -30 6
+-30 8 0 2 14 4 30 4 17 0 30 -4 30 -8z"/>
+</g>
+</svg>
--- a/static/site.webmanifest
+++ b/static/site.webmanifest
@ -0,0 +1,14 @@
+{
+    "name": "Ataraxy",
+    "short_name": "Ataraxy",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ff0000",
+    "background_color": "#ff0000",
+    "display": "standalone"
+}