Change the website theme and add Ubisoft logo

googleforgames · Apr 15, 2019 · 97fdbf6 · 97fdbf6
1 parent c220987
commit 97fdbf6
Show file tree

Hide file tree

Showing 15 changed files with 4,105 additions and 15 deletions.
diff --git a/site/assets/scss/_variables_project.scss b/site/assets/scss/_variables_project.scss
@@ -3,4 +3,61 @@
 Add styles or override variables from the theme here.
 
 */
+$enable-rounded: false;
+// $enable-shadows: false;
 
+$display1-weight: 500 !default;
+$display2-weight: 100 !default;
+
+
+$primary: rgb(255, 255,255)  !default;
+$primary-light: lighten($primary, 75%) !default;
+$secondary: #2D70DE !default;
+$light: rgb(255, 255,255) !default;
+$grey:  #888 !default;
+$orange: $secondary;
+
+.nav-shadow {
+    box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
+}
+
+.navbar-brand {
+    color: black !important
+}
+
+.navbar-bg-onscroll {
+    box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
+    #agones-top {
+        display: block !important;
+    }
+}
+
+.control-bar {
+    display: none;
+}
+
+.asciinema-theme-asciinema .asciinema-terminal {
+    color: #cccccc;
+    background-color: #121314;
+    border-color: #121314;
+    border-radius: 8px;
+}
+
+.asciinema-theme-asciinema .bg-fg {
+    background-color:black !important;
+}
+
+#agones-search {
+    background: rgba(190, 185, 185, 0.3);
+}
+input[type="search"]::placeholder {
+    color:  #9B9595 !important;
+}
+
+.td-box--secondary p > a:hover {
+    color: #121314 !important;
+}
+
+#community a {
+    color: #121314 !important;
+}
diff --git a/site/content/en/_index.html b/site/content/en/_index.html
@@ -4,22 +4,22 @@
 
 +++
 
-{{< blocks/cover title="Host, run and scale dedicated game servers on Kubernetes" image_anchor="top" height="full" color="orange" >}}
+{{< blocks/cover title="" image_anchor="top" height="min" color="white" >}}
 <div class="mx-auto">
-	<a class="btn btn-lg btn-primary mr-3 mb-4" href="{{< relref "/docs" >}}">
+	<a class="btn btn-lg btn-secondary mr-3 mb-4" href="{{< relref "/docs" >}}">
 		Learn More <i class="fas fa-arrow-alt-circle-right ml-2"></i>
 	</a>
 	<a class="btn btn-lg btn-secondary mr-3 mb-4" href="https://github.com/GoogleCloudPlatform/agones/releases">
 		Releases <i class="fab fa-github ml-2 "></i>
 	</a>
-	<p class="lead mt-5">Multiplayer dedicated game servers anywhere</p>
+	<p class="lead mt-4">Multiplayer dedicated game servers anywhere</p>
 	<div class="mx-auto mt-5">
-		{{< blocks/link-down color="info" >}}
+		{{< blocks/link-down color="light-secondary" >}}
 	</div>
 </div>
 {{< /blocks/cover >}}
 
-{{% blocks/lead color="primary" %}}
+{{% blocks/lead color="secondary" %}}
 <strong>What is Agones?</strong>
 
 An open source, batteries-included, mulitplayer dedicated game server scaling and
@@ -46,16 +46,16 @@
 
 {{< /blocks/section >}}
 
-{{< blocks/section >}}
+{{< blocks/section color="primary" >}}
 <div class="col">
-<h2 class="text-center">Companies using Agones</h2>
+<h2 class="text-center pb-3">Companies using Agones</h2>
 <p class="text-center">
-  coming soon!
+  <img alt="ubisoft" width="100" src="images/ubisoft.png">
 </p>
 </div
 {{< /blocks/section >}}
 
-{{< blocks/section  >}}
+{{< blocks/section color="secondary"  >}}
 {{% blocks/feature icon="fab fa-slack" title="Join us on Slack" url="https://join.slack.com/t/agones/shared_invite/enQtMzE5NTE0NzkyOTk1LWQ2ZmY1Mjc4ZDQ4NDJhOGYxYTY2NTY0NjUwNjliYzVhMWFjYjMxM2RlMjg3NGU0M2E0YTYzNDIxNDMyZGNjMjU" %}}
 Join the community on Slack
 {{% /blocks/feature %}}

diff --git a/site/content/en/featured-background.jpg b/site/content/en/featured-background.jpg
diff --git a/site/layouts/partials/community_links.html b/site/layouts/partials/community_links.html
@@ -1,14 +1,14 @@
 {{ $links := .Site.Params.links }}
 
-<section class="row td-box td-box--3 td-box--gradient td-box--height-auto">
-<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
+<section id="community" class="row td-box td-box--2 td-box--gradient td-box--height-auto">
+<div class="col-sm-12 col-md-6 p-5">
 <h2>Learn and Connect</h2>		
 <p>Using or want to use {{ .Site.Title }}? Find out more here:
 {{ with index $links "user"}}
 {{ template "community-links-list"  . }}
 {{ end }}
 </div>
-<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
+<div class=" col-sm-12 col-md-6 p-5">
 <h2>Develop and Contribute</h2>
 <p>If you want to get more involved by contributing to {{ .Site.Title }}, join us here:
 {{ with index $links "developer"}}

diff --git a/site/layouts/partials/head.html b/site/layouts/partials/head.html
@@ -0,0 +1,27 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+{{ .Hugo.Generator }}
+{{ if eq (getenv "HUGO_ENV") "production" }}
+<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
+{{ else }}
+<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
+{{ end }}
+{{ range .AlternativeOutputFormats -}}
+<link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}">
+{{ end -}}
+{{ partialCached "favicons.html" . }}
+<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{ . }} | {{ end }}{{ .Site.Title }}{{ end }}</title>
+{{- template "_internal/opengraph.html" . -}}
+{{- template "_internal/google_news.html" . -}}
+{{- template "_internal/schema.html" . -}}
+{{- template "_internal/twitter_cards.html" . -}}
+{{ if eq (getenv "HUGO_ENV") "production" }}
+{{ template "_internal/google_analytics_async.html" . }}
+{{ end }}
+{{ partialCached "head-css.html" . "asdf" }}
+<link rel="stylesheet" type="text/css" href={{ "css/asciinema-player.css" | absURL }} />
+<script
+  src="https://code.jquery.com/jquery-3.3.1.min.js"
+  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
+  crossorigin="anonymous"></script>
+{{ partial "hooks/head-end.html" . }}
diff --git a/site/layouts/partials/hooks/body-end.html b/site/layouts/partials/hooks/body-end.html
@@ -0,0 +1 @@
+<script src={{ "js/asciinema-player.js" | absURL }}></script>
diff --git a/site/layouts/partials/navbar.html b/site/layouts/partials/navbar.html
@@ -1,8 +1,10 @@
 {{ $cover := .HasShortcode "blocks/cover" }}
-<nav class="js-navbar-scroll navbar navbar-expand navbar-dark {{ if $cover}} td-navbar-cover {{ end }}flex-column flex-md-row td-navbar">
-	<a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
+<nav class="js-navbar-scroll navbar navbar-expand navbar-light {{ if not $cover }} nav-shadow {{ end }}flex-column flex-md-row td-navbar">
+
+	<a id="agones-top" {{ if $cover }} style="display: none;" {{end}} class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
 		{{ with resources.Get "icons/logo.svg" }}{{ ( . | minify).Content | safeHTML }} {{ end }}<span class="text-uppercase font-weight-bold">{{ .Site.Title }}</span>
 	</a>
+
 	<div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar">
 		<ul class="navbar-nav mt-2 mt-lg-0">
 			{{ $p := . }}
@@ -35,5 +37,5 @@
 			{{ end }}
 		</ul>
 	</div>
-	<div class="navbar-nav d-none d-lg-block">{{ partial "search-input.html" . }}</div>
+	<div class="navbar-nav mx-lg-2 d-none d-lg-block">{{ partial "search-input.html" . }}</div>
 </nav>
diff --git a/site/layouts/partials/search-input.html b/site/layouts/partials/search-input.html
@@ -0,0 +1,3 @@
+{{ with .Site.Params.gcs_engine_id }}
+ <input id="agones-search" type="search" class="form-control td-search-input" placeholder="&#xf002 {{ T "ui_search" }}" aria-label="{{ T "ui_search" }}" autocomplete="off">
+{{ end }}
diff --git a/site/layouts/shortcodes/blocks/cover.html b/site/layouts/shortcodes/blocks/cover.html
@@ -0,0 +1,26 @@
+{{ $col_id := .Get "color" | default "dark" }}
+{{/* Height can be one of: auto, min, med, max, full. */}}
+{{ $height := .Get "height" | default "max"  }}
+<section class="row td-cover-block td-cover-block--height-{{ $height }} js-td-cover td-overlay td-overlay--light -bg-{{ $col_id }}">
+  <div class="container td-overlay__inner">
+    <div class="row align-items-end">
+      <div class="col-lg-6">
+          <h1 class="display-1 mt-0 pb-3">
+            <img alt="agones" width="98" src="images/logo.svg" />
+              Agones
+          </h1>
+          <p class="display-2 mb-0">Host, Run and Scale dedicated game servers on Kubernetes</p>
+      </div>
+      <div class="col-lg-6 mt-5 mt-lg-3 d-sm-block" style="display: none">
+          <asciinema-player 
+          loop autoplay font-size="12px" rows=12 cols=60
+          src="agones.cast"></asciinema-player>
+      </div>
+      <div class="col-12 pt-3">
+          <div class="pt-3 lead text-center">
+              {{ .Inner }}
+            </div>  
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/site/static/agones.cast b/site/static/agones.cast
@@ -0,0 +1,161 @@
+{"version": 2, "width": 88, "height": 18, "timestamp": 1555123917, "env": {"SHELL": "/bin/zsh", "TERM": "xterm-256color"}}
+[0.405323, "o", "\u001b]1337;RemoteHost=cyriltovena@Cyrils-MBP\u0007\u001b]1337;CurrentDir=/Users/ctovena\u0007\u001b]1337;ShellIntegrationVersion=8;shell=zsh\u0007"]
+[0.414944, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                       \r \r"]
+[0.415271, "o", "\u001b]2;cyriltovena@Cyrils-MBP: ~\u0007\u001b]1;~\u0007\u001b]133;D;0\u0007\u001b]1337;RemoteHost=cyriltovena@Cyrils-MBP\u0007\u001b]1337;CurrentDir=/Users/ctovena\u0007"]
+[0.419561, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J\u001b]133;A\u0007$ \u001b]133;B\u0007\u001b[K"]
+[0.419882, "o", "\u001b[?1h\u001b=\u001b[?2004h"]
+[0.869438, "o", "k"]
+[1.413686, "o", "\bku"]
+[1.543446, "o", "b"]
+[1.812932, "o", "e"]
+[2.061003, "o", "c"]
+[2.251346, "o", "t"]
+[2.315526, "o", "l"]
+[2.530682, "o", " "]
+[2.656943, "o", "a"]
+[2.771001, "o", "p"]
+[2.925507, "o", "p"]
+[3.005321, "o", "l"]
+[3.533508, "o", "y"]
+[4.035879, "o", " "]
+[4.199496, "o", "-"]
+[4.331089, "o", "f"]
+[4.462665, "o", " "]
+[4.657587, "o", "f"]
+[4.777765, "o", "l"]
+[5.269268, "o", "e"]
+[5.472238, "o", "et.yaml\u001b[1m \u001b[0m"]
+[5.890218, "o", "\b\u001b[0m \b"]
+[5.890398, "o", "\u001b[?1l\u001b>\u001b[?2004l\r\r\n"]
+[5.891151, "o", "\u001b]2;kubectl apply -f fleet.yaml\u0007\u001b]1;kubectl\u0007"]
+[5.891306, "o", "\u001b]133;C;\u0007"]
+[6.329093, "o", "fleet.stable.agones.dev/simple-udp created\r\n"]
+[6.33645, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                       \r \r"]
+[6.337173, "o", "\u001b]2;cyriltovena@Cyrils-MBP: ~\u0007\u001b]1;~\u0007\u001b]133;D;0\u0007\u001b]1337;RemoteHost=cyriltovena@Cyrils-MBP\u0007\u001b]1337;CurrentDir=/Users/ctovena\u0007"]
+[6.352224, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J\u001b]133;A\u0007$ \u001b]133;B\u0007\u001b[K"]
+[6.352525, "o", "\u001b[?1h\u001b=\u001b[?2004h"]
+[6.849819, "o", "k"]
+[7.039775, "o", "\bku"]
+[7.119771, "o", "b"]
+[7.244334, "o", "e"]
+[7.484011, "o", "c"]
+[7.673166, "o", "t"]
+[7.751691, "o", "l"]
+[7.926427, "o", " "]
+[8.013648, "o", "g"]
+[8.102762, "o", "e"]
+[8.195373, "o", "t"]
+[8.234655, "o", " "]
+[8.461222, "o", "g"]
+[8.687232, "o", "a"]
+[8.821474, "o", "m"]
+[8.968938, "o", "e"]
+[9.33443, "o", "s"]
+[9.50143, "o", "e"]
+[9.57282, "o", "r"]
+[9.785509, "o", "v"]
+[9.90284, "o", "e"]
+[9.995186, "o", "r"]
+[10.134129, "o", "s"]
+[10.83375, "o", "\u001b[?1l\u001b>\u001b[?2004l\r\r\n"]
+[10.834544, "o", "\u001b]2;kubectl get gameservers\u0007\u001b]1;kubectl\u0007"]
+[10.834703, "o", "\u001b]133;C;\u0007"]
+[10.938989, "o", "NAME                     STATE       "]
+[10.939172, "o", "ADDRESS      PORT  AGE\r\nsimple-udp-x2rfr-llh85   Scheduled   172.17.0.3   7091   4s\r\nsimple-udp-x2rfr-pc469   Scheduled   172.17.0.3   7903   4s\r\n"]
+[10.941537, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                       \r \r"]
+[10.941824, "o", "\u001b]2;cyriltovena@Cyrils-MBP: ~\u0007\u001b]1;~\u0007"]
+[10.941873, "o", "\u001b]133;D;0\u0007\u001b]1337;RemoteHost=cyriltovena@Cyrils-MBP\u0007\u001b]1337;CurrentDir=/Users/ctovena\u0007"]
+[10.947498, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J\u001b]133;A\u0007$ \u001b]133;B\u0007\u001b[K"]
+[10.947612, "o", "\u001b[?1h\u001b=\u001b[?2004h"]
+[11.966781, "o", "k"]
+[12.186624, "o", "\bku"]
+[12.270249, "o", "b"]
+[12.389241, "o", "e"]
+[13.145693, "o", "c"]
+[13.525132, "o", "l"]
+[13.960655, "o", "\b \b"]
+[14.047528, "o", "t"]
+[14.224143, "o", "l"]
+[14.602763, "o", " "]
+[14.689444, "o", "s"]
+[14.790314, "o", "c"]
+[14.894509, "o", "a"]
+[14.998413, "o", "l"]
+[15.175088, "o", "e"]
+[15.474539, "o", " "]
+[15.631081, "o", "f"]
+[15.776969, "o", "l"]
+[15.868121, "o", "e"]
+[16.061918, "o", "e"]
+[16.174075, "o", "t"]
+[16.360198, "o", " "]
+[16.589241, "o", "s"]
+[16.676273, "o", "i"]
+[16.7799, "o", "m"]
+[16.995161, "o", "p"]
+[17.078999, "o", "l"]
+[17.622868, "o", "e"]
+[19.022595, "o", "-"]
+[19.348754, "o", "u"]
+[19.599111, "o", "d"]
+[19.729487, "o", "p"]
+[20.203819, "o", " "]
+[20.981239, "o", "-"]
+[21.128286, "o", "-"]
+[21.394506, "o", "r"]
+[21.473973, "o", "e"]
+[21.628872, "o", "p"]
+[21.837781, "o", "l"]
+[22.115143, "o", "i"]
+[22.226186, "o", "c"]
+[22.333435, "o", "a"]
+[22.457827, "o", "s"]
+[22.807742, "o", "="]
+[23.203696, "o", "4"]
+[23.890949, "o", "\u001b[?1l\u001b>\u001b[?2004l"]
+[23.891194, "o", "\r\r\n"]
+[23.892077, "o", "\u001b]2;kubectl scale fleet simple-udp --replicas=4\u0007\u001b]1;kubectl\u0007"]
+[23.892276, "o", "\u001b]133;C;\u0007"]
+[24.018365, "o", "fleet.stable.agones.dev/simple-udp scaled\r\n"]
+[24.021162, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                       \r \r"]
+[24.021282, "o", "\u001b]2;cyriltovena@Cyrils-MBP: ~\u0007\u001b]1;~\u0007"]
+[24.021313, "o", "\u001b]133;D;0\u0007"]
+[24.021337, "o", "\u001b]1337;RemoteHost=cyriltovena@Cyrils-MBP\u0007"]
+[24.02136, "o", "\u001b]1337;CurrentDir=/Users/ctovena\u0007"]
+[24.031865, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J\u001b]133;A\u0007$ \u001b]133;B\u0007\u001b[K"]
+[24.031962, "o", "\u001b[?1h\u001b="]
+[24.03201, "o", "\u001b[?2004h"]
+[25.205265, "o", "k"]
+[25.427316, "o", "\bku"]
+[25.515698, "o", "b"]
+[25.612004, "o", "e"]
+[25.814309, "o", "c"]
+[25.993785, "o", "t"]
+[26.038015, "o", "l"]
+[26.222963, "o", " "]
+[26.322404, "o", "g"]
+[26.461666, "o", "e"]
+[26.533366, "o", "t"]
+[26.609643, "o", " "]
+[26.929875, "o", "g"]
+[27.12652, "o", "a"]
+[27.244835, "o", "m"]
+[27.360529, "o", "e"]
+[27.872714, "o", "s"]
+[28.048761, "o", "e"]
+[28.117722, "o", "r"]
+[28.31714, "o", "v"]
+[28.763899, "o", "e"]
+[28.832716, "o", "r"]
+[29.014575, "o", "s"]
+[29.224023, "o", "\u001b[?1l\u001b>"]
+[29.224198, "o", "\u001b[?2004l\r\r\n"]
+[29.224861, "o", "\u001b]2;kubectl get gameservers\u0007\u001b]1;kubectl\u0007"]
+[29.225037, "o", "\u001b]133;C;\u0007"]
+[29.316298, "o", "NAME                     STATE       ADDRESS      PORT   AGE\r\nsimple-udp-x2rfr-dsxs6   Scheduled   "]
+[29.316608, "o", "172.17.0.3   7053   5s\r\nsimple-udp-x2rfr-jz5lf   Scheduled   172.17.0.3   7254   5s\r\nsimple-udp-x2rfr-llh85   Ready       172.17.0.3   7091   22s\r\nsimple-udp-x2rfr-pc469   Ready       172.17.0.3   7903   22s\r\n"]
+[29.319226, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                                                       \r \r"]
+[29.319446, "o", "\u001b]2;cyriltovena@Cyrils-MBP: ~\u0007\u001b]1;~\u0007"]
+[29.319754, "o", "\u001b]133;D;0\u0007\u001b]1337;RemoteHost=cyriltovena@Cyrils-MBP\u0007\u001b]1337;CurrentDir=/Users/ctovena\u0007"]
+[29.32535, "o", "\r\u001b[0m\u001b[27m\u001b[24m\u001b[J\u001b]133;A\u0007$ \u001b]133;B\u0007\u001b[K\u001b[?1h\u001b=\u001b[?2004h"]
+[32.137861, "o", "\u001b[?2004l\r\r\n"]