Change the website theme and add Ubisoft logo

build/config.yml

@@ -0,0 +1,107 @@
+# Specify a command to be executed
+# like `/bin/bash -l`, `ls`, or any other commands
+# the default is bash for Linux
+# or powershell.exe for Windows
+command: null
+
+# Specify the current working directory path
+# the default is the current working directory path
+cwd: null
+
+# Export additional ENV variables
+env:
+  recording: true
+
+# Explicitly set the number of columns
+# or use `auto` to take the current
+# number of columns of your shell
+cols: 50
+
+# Explicitly set the number of rows
+# or use `auto` to take the current
+# number of rows of your shell
+rows: 12
+
+# Amount of times to repeat GIF
+# If value is -1, play once
+# If value is 0, loop indefinitely
+# If value is a positive number, loop n times
+repeat: 0
+
+# Quality
+# 1 - 100
+quality: 100
+
+# Delay between frames in ms
+# If the value is `auto` use the actual recording delays
+frameDelay: auto
+
+# Maximum delay between frames in ms
+# Ignored if the `frameDelay` isn't set to `auto`
+# Set to `auto` to prevent limiting the max idle time
+maxIdleTime: 2000
+
+# The surrounding frame box
+# The `type` can be null, window, floating, or solid`
+# To hide the title use the value null
+# Don't forget to add a backgroundColor style with a null as type
+frameBox:
+  type: solid
+  title: null
+  style:
+    border: 0px black solid
+    # boxShadow: none
+    # margin: 0px
+
+# Add a watermark image to the rendered gif
+# You need to specify an absolute path for
+# the image on your machine or a URL, and you can also
+# add your own CSS styles
+watermark:
+  imagePath: null
+  style:
+    position: absolute
+    right: 15px
+    bottom: 15px
+    width: 100px
+    opacity: 0.9
+
+# Cursor style can be one of
+# `block`, `underline`, or `bar`
+cursorStyle: block
+
+# Font family
+# You can use any font that is installed on your machine
+# in CSS-like syntax
+fontFamily: "Monaco, Lucida Console, Ubuntu Mono, Monospace"
+
+# The size of the font
+fontSize: 12
+
+# The height of lines
+lineHeight: 1
+
+# The spacing between letters
+letterSpacing: 0
+
+# Theme
+theme:
+  background: "transparent"
+  foreground: "#afafaf"
+  cursor: "#c7c7c7"
+  black: "#232628"
+  red: "#fc4384"
+  green: "#b3e33b"
+  yellow: "#ffa727"
+  blue: "#75dff2"
+  magenta: "#ae89fe"
+  cyan: "#708387"
+  white: "#d5d5d0"
+  brightBlack: "#626566"
+  brightRed: "#ff7fac"
+  brightGreen: "#c8ed71"
+  brightYellow: "#ebdf86"
+  brightBlue: "#75dff2"
+  brightMagenta: "#ae89fe"
+  brightCyan: "#b1c6ca"
+  brightWhite: "#f9f9f4"

build/demo.yml

@@ -0,0 +1,147 @@
+# The configurations that used for the recording, feel free to edit them
+config:
+
+  # Specify a command to be executed
+  # like `/bin/bash -l`, `ls`, or any other commands
+  # the default is bash for Linux
+  # or powershell.exe for Windows
+  command: bash -l
+
+  # Specify the current working directory path
+  # the default is the current working directory path
+  cwd: /Users/ctovena/go/src/agones.dev/agones/build
+
+  # Export additional ENV variables
+  env:
+    recording: true
+
+  # Explicitly set the number of columns
+  # or use `auto` to take the current
+  # number of columns of your shell
+  cols: 50
+
+  # Explicitly set the number of rows
+  # or use `auto` to take the current
+  # number of rows of your shell
+  rows: 12
+
+  # Amount of times to repeat GIF
+  # If value is -1, play once
+  # If value is 0, loop indefinitely
+  # If value is a positive number, loop n times
+  repeat: 0
+
+  # Quality
+  # 1 - 100
+  quality: 100
+
+  # Delay between frames in ms
+  # If the value is `auto` use the actual recording delays
+  frameDelay: auto
+
+  # Maximum delay between frames in ms
+  # Ignored if the `frameDelay` isn't set to `auto`
+  # Set to `auto` to prevent limiting the max idle time
+  maxIdleTime: 2000
+
+  # The surrounding frame box
+  # The `type` can be null, window, floating, or solid`
+  # To hide the title use the value null
+  # Don't forget to add a backgroundColor style with a null as type
+  frameBox:
+    type: solid
+    title: null
+    style:
+      border: 0px black solid
+      # boxShadow: none
+      # margin: 0px
+
+  # Add a watermark image to the rendered gif
+  # You need to specify an absolute path for
+  # the image on your machine or a URL, and you can also
+  # add your own CSS styles
+  watermark:
+    imagePath: null
+    style:
+      position: absolute
+      right: 15px
+      bottom: 15px
+      width: 100px
+      opacity: 0.9
+
+  # Cursor style can be one of
+  # `block`, `underline`, or `bar`
+  cursorStyle: block
+
+  # Font family
+  # You can use any font that is installed on your machine
+  # in CSS-like syntax
+  fontFamily: "Monaco, Lucida Console, Ubuntu Mono, Monospace"
+
+  # The size of the font
+  fontSize: 12
+
+  # The height of lines
+  lineHeight: 1
+
+  # The spacing between letters
+  letterSpacing: 0
+
+  # Theme
+  theme:
+    background: "transparent"
+    foreground: "#afafaf"
+    cursor: "#c7c7c7"
+    black: "#232628"
+    red: "#fc4384"
+    green: "#b3e33b"
+    yellow: "#ffa727"
+    blue: "#75dff2"
+    magenta: "#ae89fe"
+    cyan: "#708387"
+    white: "#d5d5d0"
+    brightBlack: "#626566"
+    brightRed: "#ff7fac"
+    brightGreen: "#c8ed71"
+    brightYellow: "#ebdf86"
+    brightBlue: "#75dff2"
+    brightMagenta: "#ae89fe"
+    brightCyan: "#b1c6ca"
+    brightWhite: "#f9f9f4"
+
+# Records, feel free to edit them
+records:
+  - delay: 504
+    content: "\e[?1034hCyrils-MBP:build cyriltovena$ "
+  - delay: 2891
+    content: h
+  - delay: 163
+    content: e
+  - delay: 100
+    content: l
+  - delay: 174
+    content: l
+  - delay: 162
+    content: o
+  - delay: 284
+    content: ' '
+  - delay: 141
+    content: w
+  - delay: 83
+    content: o
+  - delay: 125
+    content: r
+  - delay: 110
+    content: l
+  - delay: 135
+    content: d
+  - delay: 128
+    content: ' '
+  - delay: 216
+    content: '!'
+  - delay: 394
+    content: "\r\n"
+  - delay: 18
+    content: "bash: hello: command not found\r\nCyrils-MBP:build cyriltovena$ "
+  - delay: 1929
+    content: "logout\r\n"

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;
+}

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="full" 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 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 %}}

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"}}