Rebrand Hipstershop as OnlineBoutique (#328)

* update productcatalog, frontend, readme

* revert productcatalog

* restore currency logic and ad display

* footer cleanup

* Resize header image

* screenshots

* Center align header image in readme

* Show platform flag on every page

* style fixes

* fix currency in UI, remove extra USD

* cart bug, fixing

* attempt to fix breaking build

* fix cart size in handler

* replace images

* # items in cart is total quantity

* Add link to 0.1.4 manifests in readme

README.md

@@ -1,7 +1,12 @@
-# Hipster Shop: Cloud-Native Microservices Demo Application
+<p align="center">
+<img src="src/frontend/static/icons/Hipster_HeroLogoCyan.svg" width="300"/>
+</p>
 
-This project contains a 10-tier microservices application. The application is a
+
-web-based e-commerce app called **“Hipster Shop”** where users can browse items,
+
+**Online Boutique** is a cloud-native microservices demo application.
+Online Boutique consists of a 10-tier microservices application. The application is a
+web-based e-commerce app where users can browse items,
 add them to the cart, and purchase them.
 
 **Google uses this application to demonstrate use of technologies like
@@ -15,15 +20,17 @@ If you’re using this demo, please **★Star** this repository to show your int
 > [go/microservices-demo](http://go/microservices-demo) if you are using this
 > application.
 
+Looking for the old Hipster Shop frontend interface? Use the [manifests](https://github.com/GoogleCloudPlatform/microservices-demo/tree/v0.1.4/kubernetes-manifests) in release [v0.1.4](https://github.com/GoogleCloudPlatform/microservices-demo/releases/v0.1.4).
+
 ## Screenshots
 
 | Home Page                                                                                                         | Checkout Screen                                                                                                    |
 | ----------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ |
-| [![Screenshot of store homepage](./docs/img/hipster-shop-frontend-1.png)](./docs/img/hipster-shop-frontend-1.png) | [![Screenshot of checkout screen](./docs/img/hipster-shop-frontend-2.png)](./docs/img/hipster-shop-frontend-2.png) |
+| [![Screenshot of store homepage](./docs/img/online-boutique-frontend-1.png)](./docs/img/online-boutique-frontend-1.png) | [![Screenshot of checkout screen](./docs/img/online-boutique-frontend-2.png)](./docs/img/online-boutique-frontend-2.png) |
 
 ## Service Architecture
 
-**Hipster Shop** is composed of many microservices written in different
+**Online Boutique** is composed of many microservices written in different
 languages that talk to each other over gRPC.
 
 [![Architecture of
@@ -310,7 +317,7 @@ If you've deployed the application with `kubectl apply -f [...]`, you can
 run `kubectl delete -f [...]` with the same argument to clean up the deployed
 resources.
 
-## Conferences featuring Hipster Shop
+## Conferences featuring Online Boutique
 
 - [Google Cloud Next'18 London – Keynote](https://youtu.be/nIq2pkNcfEI?t=3071)
   showing Stackdriver Incident Response Management

kubernetes-manifests/frontend.yaml

@@ -65,6 +65,8 @@ spec:
             value: "checkoutservice:5050"
           - name: AD_SERVICE_ADDR
             value: "adservice:9555"
+          - name: ENV_PLATFORM
+            value: "gcp"
           # - name: DISABLE_TRACING
           #   value: "1"
           # - name: DISABLE_PROFILER

src/frontend/handlers.go

@@ -22,6 +22,7 @@ import (
 	"net/http"
 	"os"
 	"strconv"
+	"strings"
 	"time"
 
 	"github.com/gorilla/mux"
@@ -32,11 +33,17 @@ import (
 	"github.com/GoogleCloudPlatform/microservices-demo/src/frontend/money"
 )
 
+type platformDetails struct {
+	css      string
+	provider string
+}
+
 var (
 	templates = template.Must(template.New("").
-		Funcs(template.FuncMap{
+			Funcs(template.FuncMap{
 			"renderMoney": renderMoney,
 		}).ParseGlob("templates/*.html"))
+	plat platformDetails
 )
 
 func (fe *frontendServer) homeHandler(w http.ResponseWriter, r *http.Request) {
@@ -72,20 +79,43 @@ func (fe *frontendServer) homeHandler(w http.ResponseWriter, r *http.Request) {
 		ps[i] = productView{p, price}
 	}
 
+	//get env and render correct platform banner.
+	var env = os.Getenv("ENV_PLATFORM")
+	plat = platformDetails{}
+	plat.setPlatformDetails(strings.ToLower(env))
+
 	if err := templates.ExecuteTemplate(w, "home", map[string]interface{}{
 		"session_id":    sessionID(r),
 		"request_id":    r.Context().Value(ctxKeyRequestID{}),
 		"user_currency": currentCurrency(r),
 		"currencies":    currencies,
 		"products":      ps,
-		"cart_size":     len(cart),
+		"cart_size":     cartSize(cart),
 		"banner_color":  os.Getenv("BANNER_COLOR"), // illustrates canary deployments
 		"ad":            fe.chooseAd(r.Context(), []string{}, log),
+		"platform_css":  plat.css,
+		"platform_name": plat.provider,
 	}); err != nil {
 		log.Error(err)
 	}
 }
 
+func (plat *platformDetails) setPlatformDetails(env string) {
+	if env == "aws" {
+		plat.provider = "AWS"
+		plat.css = "aws-platform"
+	} else if env == "onprem" {
+		plat.provider = "On-Premises"
+		plat.css = "onprem-platform"
+	} else if env == "azure" {
+		plat.provider = "Azure"
+		plat.css = "azure-platform"
+	} else {
+		plat.provider = "Google Cloud"
+		plat.css = "gcp-platform"
+	}
+}
+
 func (fe *frontendServer) productHandler(w http.ResponseWriter, r *http.Request) {
 	log := r.Context().Value(ctxKeyLog{}).(logrus.FieldLogger)
 	id := mux.Vars(r)["id"]
@@ -138,7 +168,9 @@ func (fe *frontendServer) productHandler(w http.ResponseWriter, r *http.Request)
 		"currencies":      currencies,
 		"product":         product,
 		"recommendations": recommendations,
-		"cart_size":       len(cart),
+		"cart_size":       cartSize(cart),
+		"platform_css":    plat.css,
+		"platform_name":   plat.provider,
 	}); err != nil {
 		log.Println(err)
 	}
@@ -234,6 +266,8 @@ func (fe *frontendServer) viewCartHandler(w http.ResponseWriter, r *http.Request
 	}
 	totalPrice = money.Must(money.Sum(totalPrice, *shippingCost))
 
+	log.Info("🌈 ITEMS: %v", items)
+
 	year := time.Now().Year()
 	if err := templates.ExecuteTemplate(w, "cart", map[string]interface{}{
 		"session_id":       sessionID(r),
@@ -241,11 +275,13 @@ func (fe *frontendServer) viewCartHandler(w http.ResponseWriter, r *http.Request
 		"user_currency":    currentCurrency(r),
 		"currencies":       currencies,
 		"recommendations":  recommendations,
-		"cart_size":        len(cart),
+		"cart_size":        cartSize(cart),
 		"shipping_cost":    shippingCost,
 		"total_cost":       totalPrice,
 		"items":            items,
 		"expiration_years": []int{year, year + 1, year + 2, year + 3, year + 4},
+		"platform_css":     plat.css,
+		"platform_name":    plat.provider,
 	}); err != nil {
 		log.Println(err)
 	}
@@ -299,13 +335,22 @@ func (fe *frontendServer) placeOrderHandler(w http.ResponseWriter, r *http.Reque
 		totalPaid = money.Must(money.Sum(totalPaid, *v.GetCost()))
 	}
 
+	currencies, err := fe.getCurrencies(r.Context())
+	if err != nil {
+		renderHTTPError(log, r, w, errors.Wrap(err, "could not retrieve currencies"), http.StatusInternalServerError)
+		return
+	}
+
 	if err := templates.ExecuteTemplate(w, "order", map[string]interface{}{
 		"session_id":      sessionID(r),
 		"request_id":      r.Context().Value(ctxKeyRequestID{}),
 		"user_currency":   currentCurrency(r),
+		"currencies":      currencies,
 		"order":           order.GetOrder(),
 		"total_paid":      &totalPaid,
 		"recommendations": recommendations,
+		"platform_css":    plat.css,
+		"platform_name":   plat.provider,
 	}); err != nil {
 		log.Println(err)
 	}
@@ -392,6 +437,15 @@ func cartIDs(c []*pb.CartItem) []string {
 	return out
 }
 
+// get total # of items in cart
+func cartSize(c []*pb.CartItem) int {
+	cartSize := 0
+	for _, item := range c {
+		cartSize += int(item.GetQuantity())
+	}
+	return cartSize
+}
+
 func renderMoney(money pb.Money) string {
 	return fmt.Sprintf("%s %d.%02d", money.GetCurrencyCode(), money.GetUnits(), money.GetNanos()/10000000)
 }

src/frontend/static/icons/Hipster_Advert2.svg

@@ -0,0 +1,40 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.91 188.42">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <g>
+      <g>
+        <path class="cls-1" d="M13.05,94.66c-2.61,0-4.25,1.42-4.25,5.15v5.59H1.05v-5.07C1.05,92,5.22,87.2,13.28,87.2S25.51,92,25.51,100.33c0,16.4-16.34,22.52-16.34,31.09a5.24,5.24,0,0,0,.08,1.12H24.76V140H1.05v-6.41c0-15.36,16.25-17.9,16.25-33C17.3,95.93,15.66,94.66,13.05,94.66Z"/>
+        <path class="cls-1" d="M29.9,100.33C29.9,92,34.3,87.2,42.36,87.2S54.81,92,54.81,100.33v27.14c0,8.35-4.4,13.13-12.45,13.13S29.9,135.82,29.9,127.47ZM38.11,128c0,3.73,1.64,5.15,4.25,5.15s4.25-1.42,4.25-5.15V99.81c0-3.73-1.64-5.15-4.25-5.15s-4.25,1.42-4.25,5.15Z"/>
+        <path class="cls-1" d="M59.65,95.78c0-5.37,2.76-8.35,7.91-8.35s7.9,3,7.9,8.35v17.15c0,5.37-2.76,8.35-7.9,8.35s-7.91-3-7.91-8.35Zm5.22,17.52c0,2.31,1,3.28,2.69,3.28s2.68-1,2.68-3.28V95.41c0-2.31-1-3.28-2.68-3.28s-2.69,1-2.69,3.28ZM88.14,87.8H93L72.41,140H67.56Zm-2.61,27.07c0-5.37,2.76-8.35,7.9-8.35s7.91,3,7.91,8.35V132c0,5.37-2.76,8.35-7.91,8.35s-7.9-3-7.9-8.35Zm5.22,17.52c0,2.31,1,3.28,2.68,3.28s2.69-1,2.69-3.28V114.5c0-2.31-1.05-3.28-2.69-3.28s-2.68,1-2.68,3.28Z"/>
+        <path class="cls-1" d="M117.74,100.33c0-8.35,4.4-13.13,12.45-13.13s12.46,4.78,12.46,13.13v27.14c0,8.35-4.4,13.13-12.46,13.13s-12.45-4.78-12.45-13.13Zm8.2,27.66c0,3.73,1.64,5.15,4.25,5.15s4.25-1.42,4.25-5.15V99.81c0-3.73-1.64-5.15-4.25-5.15s-4.25,1.42-4.25,5.15Z"/>
+        <path class="cls-1" d="M156.14,111h10.59v7.46H156.14V140h-8.2V87.8h21.7v7.46h-13.5Z"/>
+        <path class="cls-1" d="M181.79,111h10.59v7.46H181.79V140h-8.2V87.8h21.7v7.46h-13.5Z"/>
+      </g>
+      <rect class="cls-1" x="1.05" y="150" width="117.58" height="6.14"/>
+      <rect class="cls-1" x="1.05" y="32.28" width="117.58" height="6.14"/>
+    </g>
+    <rect class="cls-1" x="1.05" y="16.14" width="77.58" height="6.14"/>
+    <rect class="cls-1" x="1.05" width="37.58" height="6.14"/>
+    <rect class="cls-1" x="1.05" y="166.14" width="77.58" height="6.14"/>
+    <rect class="cls-1" x="1.05" y="182.28" width="37.58" height="6.14"/>
+  </g>
+  <g>
+    <path class="cls-1" d="M1.5,62.16l-.41-.54L.72,61l-.24-.45L.32,60.2.2,59.66.08,59,0,58.34v-1l0-.37.05-.33,0-.37.26-.74.08-.34.17-.37.17-.29L1,54.24l.17-.37.21-.29.21-.32L2,52.68l.25-.29.54-.53.59-.49.33-.21.83-.57.38-.2.33-.21.62-.32.38-.17.5-.16.41-.16.42-.12.45-.16L8.49,49l.37,0,.33-.08.38,0,.37-.12.37-.08.34,0,.37,0,.41,0,.5,0h.87l1.74.14.91.17.25,0,.82.13.38.09.37.13.33.13.37.12.33.13.33.17.33.13.37.16.45.26.46.29.33.21.33.3.53.37.29.25L22,52l.21.25.49.59.41.66.16.21.21.38.12.33.12.37.24.67.12.37,0,.34.12,1.11v.92l-.05.53v.42l-.09.74-.09.37-.13.38-.08.33-.26.74-.08.33-.17.37-.17.29L22.9,63l-.17.37-.21.33-.21.29-.21.33-.29.33-.17.16-.29.33-.25.29-.29.24-.25.25-.29.25-.67.4L19,67l-.3.16-.33.17-.41.16-.34.08-.74.24-.38.08-.33.08-.37,0L15,68l-.37,0H12.75l-.41,0-.5-.09-.53-.13-.42-.08-.74-.22-.46-.08-.37.08-.17.28L9,68.11l-.13.41-.09.25-.08.45-.09.37-.09.75-.09.37-.25.74-.09.37,0,.38L8,72.57l-.08.37-.13.37,0,.42-.17.74-.13.37-.08.33-.17.37L7,75.92l-.17.32-.21.37L6.3,77l-.54.29-.67.08-.7-.13-.54-.3-.28-.37,0-.38.13-.33.17-.37L4,75l.17-.5.12-.41.13-.5.17-.53.26-.75L5,71.92l.12-.54.09-.45.13-.37.08-.37,0-.38.09-.37.08-.33.09-.37.12-.37.13-.5.13-.53.17-.75.09-.33.09-.45.08-.21.09-.46.08-.33.09-.37.13-.37L7,63.7l.13-.37.09-.54.13-.5.25-.74.26-.66L8,60.52l.09-.37.3-.87.17-.58.13-.25.21-.58.29-.61.21-.5.21-.37.38-.62.21-.33.17-.33.21-.29.25-.28.54-.54.3-.24.66-.33.38-.12.74-.16.42.05.37.08.37.21.24.3.08.37-.12.29-.34.2-.29.21-.33.2-.25.25-.5.57-.21.29-.68,1.32-.16.29-.17.33-.13.37-.09.37-.12.37-.13.5-.17.54-.17.37-.13.54-.13.49-.09.37-.12.42-.05.24-.13.42-.08.37-.13.37,0,.37-.05.46.08.37.29.21.49.17.58.09.25,0,.58.09.54.09h.41l.75,0,.5,0,.53-.08.38-.12.33-.12.37-.16.5-.21.42-.24.67-.41.29-.2.25-.25.75-.86.3-.45.33-.58.25-.46.21-.41.17-.49.13-.5,0-.41.09-.5.12-.54.05-.41,0-.37,0-.38,0-.41-.08-.37-.16-.54-.12-.5-.16-.38L20.07,55l-.2-.33-.2-.29L19.46,54l-.53-.54-.25-.29-.57-.51-.33-.21-.33-.16-.37-.17-1-.43-.38-.16-.37-.13-.7-.17-.41,0-.38,0-1.15-.06h-.38l-.37,0-.75,0-.37,0-.33.08-.37.08-.38.12-.7.16-.75.24L8,52l-.88.45-.41.2-.38.2-1.17,1-.54.53-.25.29L4.13,55l-.21.33-.17.33L3.62,56l-.12.37-.13.33L3.24,57l-.09.74,0,.38v.41l.08.54.07.5.12.37.17.38L4,61l.21.33.16.34,0,.33-.17.37-.25.29-.3.24-.37.16-.37.08-.38-.08-.37-.3-.28-.29Z"/>
+    <path class="cls-1" d="M35.83,75.55l-.58.49-.67.41-.33.16-.67.41-.33.16-.75.24-.41.12-.75.12-.25.08-.41.08-.33,0H30l-.45,0h-.38l-.74-.09L28,77.67l-.38-.12-.29-.13-.37-.13-.33-.17-.66-.42-.28-.25-.49-.58-.21-.34-.16-.33-.21-.33-.24-.75-.16-.75-.07-.74,0-.42,0-.37V70.68l.09-.37.09-.33.08-.37.13-.75.09-.41.09-.37.12-.33.13-.37L25.1,67l.17-.34.12-.37.22-.49.25-.5.21-.33.25-.33.21-.28.25-.29.42-.66.25-.29L28,62.6l.58-.49.29-.21.33-.24.38-.25.46-.28.46-.25.33-.16.41-.16.25-.08.46-.17.25-.08.41-.12L33,60l.41,0,.37,0h1l.66.09.54.08.37.09.37.13.33.16.74.47.45.25.29.25.21.25.24.29.25.34.49.91.12.37,0,.38,0,.33.15.75v1.45l-.09.49,0,.46-.05.41-.26,1.24-.17.58-.12.41-.17.41-.17.46-.13.37-.25.45-.38.75L38,73l0,.29.33,0h.24l.46,0,.29,0,.37-.08.42-.16.29-.16.67-.41.29-.25.54-.53.51-.58.2-.29.21-.33.21-.28.34-.66.38-.7.13-.25.25-.37.37-.21.5.09.33.38,0,.45-.12.37-.51,1-.21.29-.42.66-.17.33-.21.29-.25.33-.21.29-.25.24-.54.58-.25.24-.29.25-.3.2-.33.25-.29.16-.67.33-.37.16-.33.08-1.49.15-.46,0-.37,0L37,75l-.33,0-.29.13-.3.2ZM27.67,71l0,.5,0,.41,0,.54.08.66.16.67.28.62.29.42.33.29.45.21.62.17h.54l.41,0,.42-.08.37-.16L32,75l.37-.21.33-.2.3-.25.33-.24.17-.29v-.25l-.16-.29L33.12,73,33,72.58l.09-.49.17-.5.29-.25.33-.2.38,0,.37.09.29.08.25,0,.17-.24.12-.33L36,69.17l.26-1.11.09-.54.13-.7.09-1.41,0-.67-.16-.7-.24-.62L35.86,63l-.33-.25L35,62.54l-.62-.13-.54,0h-.42l-.33.08-.37.12-.42.24L32,63l-.38.24-.41.33-.3.25-.29.28-.21.29-.25.29L30,65l-.42.57-.21.33-.84,1.65-.13.37-.08.33L28,69l-.08.33-.13.37,0,.37v.37Z"/>
+    <path class="cls-1" d="M68.11,68.79l0,.58-.21.49-.21.37-.17.34-.21.37-.08.24-.51.83-.25.45-.25.33-.17.33-.21.33-.21.29-.25.33-.29.37-.34.45-.25.33-.5.57L63.7,76l-.3.25-.25.24-.29.25-.33.2-.29.21-1.33.65-.38.12-.37.08-.37,0h-.92l-.49,0L58,77.94l-.54-.17-.62-.3-.53-.38L56,76.72l-.41-.67-.17-.33-.2-.5L55,74.6l0-.54v-.42l-.08-.37h-.21l-.25.29-.29.28-.5.58-.46.62-.51.57-.29.25-.62.49-.34.24-.91.58-.38.2-.33.2-.33.17-.75.16L47.57,78H47.2L46.82,78l-.37-.08-.33-.13-.37-.13-.33-.17-.29-.21-.57-.5-.41-.58L44,75.78l-.12-.33-.13-.37-.07-.38,0-.37,0-.33v-.75l0-.41v-.75l0-.33,0-.37.05-.41.13-1.12.05-.33.08-.37.13-.37.09-.37.08-.34.09-.37,0-.41.13-.54.13-.49.09-.42.17-.74.13-.5.13-.54.12-.37.09-.37.09-.33.17-.74.25-.75.09-.33.13-.37.08-.37v-.29l-.12-.21-.33-.08-.54-.09-.57-.13-.38-.13L44,59.26l-.24-.38v-.37l.05-.37.17-.33.21-.29.33-.2h.37l.37.09.42,0,.37.09.41,0h.33l.21-.17.13-.29.25-.74.13-.33.13-.37.21-.7.09-.38L48,54.2l.13-.5.13-.53.09-.37.13-.38.16-.37.17-.49.22-.5.29-.2.41-.12.38,0h.41l.37.09.37.13.33.16.29.26.16.33L52,52l-.09.41-.17.75-.13.37-.08.37-.09.33-.13.37-.12.42-.26.74-.08.37-.13.37-.09.37-.13.38v.29l.29.16.54,0,1.45,0,.7,0,.5,0,.29.25.08.34,0,.37-.08.37-.13.37-.21.29-.33.2-.38.08-1.11.12-.42,0h-.83l-.25,0h-.45l-.33,0-.21.16-.13.33-.13.38-.08.37-.13.37-.21.7-.09.37-.08.33-.09.37L48.6,64l-.08.37-.13.37-.13.34-.08.37-.13.41,0,.37,0,.33-.09.37-.25.75-.52,2.23,0,.37-.26,1.12,0,.41-.18,1.49,0,.37,0,.42.08.33.12.37.21.34.28.25.33.17.42.08.49,0,.59-.16.49-.21.5-.28.21-.08.38-.25.29-.2.54-.54.25-.2.29-.25.25-.29.3-.32.12-.21.25-.33.51-.57.21-.29.29-.42.67-1,.29-.46.26-.45.29-.41.17-.37.13-.37.08-.37.13-.38.09-.33.08-.37.13-.37.09-.37.12-.33.09-.37.09-.42L57,63.52l.13-.33.09-.38.13-.74.08-.46.05-.24.13-.46.12-.37v-.29L57.5,60l-.58-.17-.62-.17-.53-.26L55.48,59l0-.37.05-.38.17-.37.25-.24.33-.17.5,0,.57,0,.25.05h.54l.38-.28.21-.42.13-.41.12-.33.13-.37.09-.33.12-.37.17-.75.13-.37.09-.37.13-.33.38-1.12.13-.49.21-.5.29-.24.42-.08.37,0H62l.37.09.38.13.33.21.32.25.17.29v.37l-.25.75-.09.41-.12.37-.18.75-.63,1.85-.09.38-.13.41-.13.37,0,.33.12.17.33.08.38,0h.37l.45,0h.29l.42,0,1-.12.62,0,.42,0,.29,0,.24.21.09.37,0,.33-.09.38-.12.37-.21.33-.29.2-.54.12-.58.08-.83,0-.63,0h-.7l-1.32.07-.38.21-.17.33-.13.33-.12.37-.09.37-.08.33-.13.37-.09.38-.13.41-.08.37-.09.33-.13.37-.12.5-.17.54-.13.37L59.22,67l0,.38-.18.74-.08.29-.13.37-.09.41,0,.38-.17.74-.05.37V71l0,.38,0,.41-.09.37-.09.75,0,.37v.37l0,.38.08.37.16.33.2.33.25.3.29.21.37.12h.33l.41-.08.38-.12.33-.12.67-.41.29-.25.29-.2.54-.54.3-.33.5-.49.5-.57.25-.33L64.6,72l.46-.66.13-.21.25-.37.63-1,.21-.37.13-.25.21-.37.25-.33.37-.21.54.09Z"/>
+    <path class="cls-1" d="M79.83,67.94l-.21.29-.5.57-.58.49-.3.21-.37.2-.25.08L77.2,70l-.25.12-.37.16-.41.12-.38.13-.37,0-.42.08-.45,0-.5.08-.37,0H73.3l-.74-.09-.74,0-.38,0-1.11-.26H70l-.21.16-.09.29v.38l0,.41v.7l0,.42.08.33.24.75.41.66.24.3L71,75l.66.42.41.12.37.13.29,0,.37.08.38,0h.41l.37,0,1.08-.19.37-.08.38-.13.33-.12.71-.28.66-.33.59-.45.29-.2.29-.25.59-.53.5-.58.21-.28.25-.33.42-.58.21-.33.17-.33.21-.33.16-.33.21-.29.17-.33.17-.37.17-.33.21-.33.29-.2h.37l.37.26.21.37,0,.37-.17.37-.21.46-.25.45-.21.45-.25.46-.25.41L82,72.6l-.13.24-.25.38-.42.57-.25.29-.25.25-.25.28-.3.33-.12.17-.3.33-.25.28-.58.49-.42.33-.37.33-.67.41-1,.45-.33.12-.37.12-.54.08-.5.12-.87.07-.54,0-.46,0h-.37l-1.49-.18-.33-.08-.37-.13-.37-.17-.33-.17-.66-.38L68.53,77l-.29-.25L68,76.49l-.16-.21L67.5,76l-.24-.29-.21-.34L66.89,75l-.16-.37-.12-.33L66.49,74l-.08-.37-.08-.33-.08-.38-.12-1.12V71l0-.38v-.37l.25-1.11.13-.33.09-.38.13-.37.08-.37.13-.37.17-.45.21-.5.21-.37.25-.45.3-.42.17-.37.21-.28.25-.29.62-.66.63-.62.33-.28.38-.29.42-.29.37-.28.42-.25.41-.2.38-.16.54-.25.87-.28.75-.16.54-.08h.91l.53.09.67.13.53.13.37.13.38.17.33.16.24.17.58.5.24.3.25.41.2.5.12.38.08.37,0,.37v.5l-.05.54,0,.41-.12.5-.17.49-.17.41-.13.21-.21.37Zm-5-5-.58.24-.5.24-.33.21-.59.49-.37.37-.34.37-.29.33-.29.45-.3.41-.21.37-.25.46-.17.49-.17.37-.12.33,0,.29.21.21.53.13.83,0,.42.05h1.16l.41-.08.37-.08.42-.16.25-.09.41-.2.3-.2.29-.25.29-.29.29-.24.25-.33.21-.29.17-.33.21-.37.26-.74.08-.42,0-.37,0-.41-.16-.38-.25-.29L76.89,63l-.37-.17-.37-.09-.37,0-.42.08Z"/>
+    <path class="cls-1" d="M84.87,64.59l.29-.29.5-.57.88-.74.29-.21.33-.24.3-.21.33-.16.37-.16.63-.33.37-.2.75-.24.33-.12L91,61l.37,0,.42,0,.74-.08h1l.54.09.46.09.29,0,.25-.12.16-.29.09-.37.26-.74.08-.33.13-.38.29-.7.13-.41.09-.25.17-.41.08-.33.26-.75.12-.33.43-1.23.21-.5.26-.74.12-.33.17-.42.09-.24.33-.75.13-.33.38-.7.17-.33.37-.28.46-.16h.42l.37,0,.41.09.25.09.41.12.29.21.12.33-.08.33-.09.38-.17.37-.17.33-.12.33-.13.37-.21.5-.17.49L101,54l-.51,1.33-.17.49-.21.5-.13.37-.13.33-.3.87-.21.49-.12.41L98.7,60.2l-.09.37-.13.33-.12.37-.13.33L98.1,62,98,62.3l-.09.37L97.8,63l-.08.38-.13.37-.13.33-.13.37-.08.37-.09.33-.08.37L97,65.9l-.13.53-.17.54-.08.25-.13.45-.09.37-.09.5-.08.54-.26,1.11,0,.38-.08.37-.09.54-.09.49,0,.37-.09.38,0,.37v.37l0,.42,0,.53.12.5.12.38.25.25.33.12.37,0,.33-.08.37-.12.34-.21.75-.65.29-.29.42-.58.42-.66.59-.82.21-.33.17-.33.21-.37.42-.91.21-.37.17-.28.17-.38.21-.45.45-.33.5.09.29.42v.53l-.21.5-.21.41-.25.46-.26.53-.16.25-.51,1-.25.37-.55.86-.42.66-.21.29-.25.33-.21.29-.25.24-.29.25-.29.33-.17.16-.29.33-.29.25-.34.2-.29.16-.33.17L96.1,78l-.37.08h-.34l-.37,0-.37,0L94.28,78,94,77.8l-.33-.21-.25-.21-.29-.29-.41-.59-.16-.33-.12-.38-.08-.33-.11-1.12v-.78l-.08,0-.21.28-.21.33-.38.66-.21.29-.25.29-.46.57-.25.25-.88.74-.37.28-.42.33-.37.25-.34.16-.41.12-1,.2-.41.08-.37,0-.33,0-.38,0-.37-.09-.33-.08L83.84,78l-.29-.17-.33-.25-.37-.38-.37-.33-.2-.34-.16-.33L82,75.79l-.25-.67-.12-.37,0-.38,0-.49v-.54l0-.37v-.38l0-.41.05-.5.09-.53.08-.38.13-.41,0-.25.13-.41.13-.37.38-1,.13-.37.33-.66.26-.46.21-.45.25-.41.17-.21.25-.33.42-.57Zm8.46-1.38-.79,0h-.37l-.37.08-.42.08-.25.08-.41.17-.38.12-.37.16-.34.2-.29.21-.29.24-.29.29-.59.49-.25.25-.25.29-.5.61L87,66.8l-.21.37-.5.91-.21.33-.13.33-.13.37-.13.33-.17.37-.25,1-.13.37-.09.54,0,.5,0,.41.08.54.08.66.08.54.12.38.2.29.25.25.28.25.38.17.49.09.5,0,.41-.16.25-.12.38-.21.29-.2.5-.49.29-.33.26-.29.29-.29.21-.29.21-.33.25-.37.29-.49.3-.37.17-.33.16-.37.13-.33.17-.37.21-.5.21-.45.17-.37.13-.33L93.25,67l.17-.53.35-1.33.13-.53.12-.42.09-.45L94,63.39l-.29-.17Z"/>
+    <path class="cls-1" d="M120.07,78.56l-.91-.17-.37-.13-.5-.21-.45-.21-.33-.21-.29-.25-.29-.21-.86-.75-.49-.5-.25-.3-.16-.33-.41-.62-.33-.67-.12-.37-.12-.34-.16-.37-.16-.46-.12-.49-.08-.42-.08-.37,0-.38-.08-.54-.08-.49,0-.38V68.23l0-.37v-.37l0-.37,0-.54,0-.5.08-.41,0-.33,0-.37,0-.42.08-.37.09-.54.13-.49.17-.75.13-.37.17-.54.3-.86.12-.33.13-.38.17-.32.17-.38.25-.45.21-.5.21-.37.51-.9.13-.33v-.33l-.12-.29-.21-.34-.2-.37-.2-.46-.25-.46-.16-.41-.16-.5-.16-.46-.12-.41-.12-.5-.17-.54-.15-.75,0-.37.17-.46.46-.28h.62l.49.3.25.46,0,.37.08.37.12.42.12.37.13.33.12.38.16.37.37.71.16.37.16.25h.21l.5-.49.25-.28.75-.74.38-.33.29-.25.33-.2.38-.25.21-.16.33-.25.37-.2,1.38-.73.66-.33.34-.12.74-.16.38-.12.37-.08,1.16-.16.75-.07h.37l.41,0H129l.45.09h.25l.45.09.33.08.38.17.33.13.37.17.33.16.33.21.28.21.29.26.33.33.21.29.2.33.16.34.16.37.13.33.08.38.08.41.07.75v.78l-.08.34-.09.41-.13.37-.12.33-.17.37-.17.33-.21.33-.21.29-.25.33-.42.57-.29.29-.25.29-.59.49-.29.21-.33.2-.29.21L130,61l-.45.2-.54.16-.42.16-.37.12-.38.08-.33,0-.95.08-.54,0h-.83l-.74-.09-.29-.09-.38,0-.94-.3L122,61l-.49-.17-.33-.17-.33-.21-.33-.16-.33-.21-.33-.17-.33-.21-.29-.21-.29-.17-.2.08-.17.25-.47,1.15-.25.66-.17.5-.13.41-.09.33-.12.37-.09.54-.09.5-.09.74,0,.42,0,.53,0,.67,0,.53v.92l0,.53v.42l0,.54.12.66,0,.54.08.41.12.5.29.87.24.5.24.63.29.45.2.34.21.29.24.29.41.34.42.29.37.17.33.13L121,76l.54.13.66.09h.91l.37,0,.91-.16.5-.08.42-.12.5-.16.62-.28.83-.41.33-.2.3-.21.83-.65.88-.74.33-.41.34-.37.54-.78.29-.42.26-.32.21-.29.21-.33.25-.46.29-.41.33-.16.5.17.33.38,0,.45-.17.37-.17.33-.21.37-.51.91-.21.37-.84,1.15-.29.33-.25.33-.38.37-.33.41-.59.54-.29.24-.25.25-.37.24-.17.17-.38.24-.58.41-.33.21-.38.16-.33.16-.7.24-.38.12-.33.12-.37.09-.38.12-.33.08-.37,0-1.16.16h-.71l-.37,0h-.41Zm6.44-26.32-.42.08-.41.12-.54.2-.5.16-.33.17-.33.2-.34.16-.66.41-.3.21-.29.28-.25.29-.21.21-.25.28-.33.33-.25.29-.3.29-.21.33-.21.45.08.5.33.37.66.42.29.21.33.17.28.21.38.13.33.09.74.21.37.08,1.08.1H126l.38,0,.37-.08.33-.08.38-.13.49-.2.46-.24.34-.21.58-.49.25-.25.25-.32.21-.29.68-1.32.08-.37,0-.37v-.34l0-.37-.16-.37-.29-.42-.32-.42-.29-.25-.33-.17-.37-.12-.33-.09-.38-.09-.37,0h-.37Z"/>
+    <path class="cls-1" d="M152.52,70.69l-.09.21-.21.41-.21.29-.17.33-.17.37-.16.33-.42.66-.21.28-.21.33-.17.33-.21.33-.25.29-.25.33-.25.29-.47.57-.25.29-.25.25-1.17,1-.33.21-.37.2-.46.2-.5.21-.37.12-.38.08h-.41l-.5,0-.49-.13-.37-.13-.29-.21-.29-.25-.29-.42-.28-.45-.12-.38-.12-.5,0-.54v-.41l.05-.54,0-.49-.13-.09-.21.29-.42.66-.42.58-.25.28-.21.29-.25.29-.21.29-.29.24-.25.25-.29.24-.29.21-.34.2-.45.29-.63.28-.66.21-.54.11-.75.08-.41,0-.5-.09-.49-.13-.38-.13-.33-.12-.28-.21-.58-.51-.2-.29-.21-.33-.24-.46-.25-.62-.12-.54,0-.42-.08-.53,0-.67v-.54l0-.41,0-.54.09-.49.12-.42.13-.49.13-.54.13-.37.17-.33.13-.37,1-2,.21-.33.21-.29.21-.33.42-.57.25-.29.54-.62.17-.16.29-.33.58-.49.38-.37.46-.33.58-.45.34-.21.29-.2.37-.16.5-.21.46-.24.41-.2.5-.16.5-.12.41-.13,1-.07.37,0h.5l.83,0,.95.09.91.17.37.09.46.13,1.65.76.28.25.29.21.29.25.25.29.07.46-.17.57-.46.5-.45.28-.34,0-.33-.13-.32-.25-.38-.21-.33-.21-.28-.12-.33-.17-.37-.17-.34-.09-.7-.17-.41-.13-.41-.08h-.83l-.29,0-.42,0-.54.12-1,.36-.41.2-.42.25-.29.2-.33.21-.29.2-.3.25-.33.28-.17.17-.29.33-.25.28-.21.29-.5.58-.21.29-.21.32-.51,1-.21.33-.25.75-.17.37-.17.33L135,71.61l-.13.42-.13,1.11V74.3l0,.42.12.37.16.33.2.34.25.25.37.17.5.08.54,0,.37-.12.67-.33.58-.49.25-.25.29-.24.25-.29.21-.29.25-.29.21-.28.47-.62.2-.29.63-1,.26-.45.29-.54.17-.24.51-1.08.17-.37.08-.29.17-.37.13-.33.12-.37.17-.45.26-.83.17-.45.13-.42.25-.37.41-.2.38-.08.37,0,.37.09.66.34.33.21.17.25,0,.37-.12.33-.09.37-.13.37-.17.75-.13.37-.08.33-.26.74-.08.42,0,.24-.13.5-.08.37-.17.7-.13.5-.09.41-.09.46-.13.62-.13.7,0,.62,0,.54.21.33.41.21.62,0,.5-.16.37-.2.59-.41.29-.29.5-.53.5-.58.42-.57.21-.33.25-.33.09-.25.67-1,.17-.33.21-.33.84-1.65L152,69l.49.09.33.41,0,.42-.17.37Z"/>
+    <path class="cls-1" d="M156.33,78.84l-.33,0-.37-.09-.37-.13-.49-.21-.46-.25-.37-.21-.41-.34-.37-.37-.29-.25-.24-.3-.25-.25-.16-.33L152,75.7l-.2-.5-.2-.46-.12-.37-.12-.54-.08-.5,0-.41,0-.38V71.8l0-.33.05-.38,0-.41.09-.5.13-.53.13-.37.08-.38.3-.86.21-.46.21-.37.68-1.32.21-.33.42-.57.58-.62.13-.16.29-.33.29-.25.25-.24.29-.25.3-.2.33-.25.29-.21.33-.16.34-.2.29-.16.33-.17.46-.2.87-.24.46-.12.37-.08.37,0,.42,0h.7l.37,0,.54.09.62.17.54.17.37.13.29.17.29.21.28.25.25.29.25.25.16.38.16.45.12.5,0,.42-.05.49-.13.54-.12.37-.17.33-.21.33-.3.41-.29.37-.25.29L164,68l-.34.16-.53.08h-.67l-.66-.17-.41-.29v-.42l.21-.37.3-.45.25-.37.17-.37.08-.33.09-.38v-.33l-.08-.37-.28-.42-.41-.29-.38-.13-.37,0-.37,0-.5.08-.5.16-.37.17-.29.2-.34.25-.29.2-.33.25-.34.37-.29.28-.29.37-.38.46-.25.45-.17.37-.21.33-.17.29-.17.33-.12.37-.13.33-.13.37-.13.54-.13.49-.08.42-.09.49-.05.54,0,.42v.53l0,.67.12.58.12.41.41.83.24.34.25.25.29.25.45.21.5.21.37.09.54.09H159l1-.07.37-.08.46-.12.37-.16.46-.25.46-.2,1-.61.41-.33.38-.33.58-.49.51-.58.25-.24.5-.58.42-.57.25-.37.13-.25.29-.45.25-.42.17-.37.3-.53.41-.29.54.09.33.37v.46l-.12.33-.17.33-.17.37-.21.41-.29.46-.34.45-.34.49-.63.91-.25.33-.21.29-.29.28-.75.87-.21.28-.25.25-.29.25-.59.4-.25.21-.29.2-.37.29-.34.2-.33.17-.33.2-.5.21-.5.16-.46.12-.49.07-.5.12-.75.12-1.12.12-.74-.09Z"/>
+    <path class="cls-1" d="M180.6,69.74v.45l-.17.41-.5.91-.17.37-.17.33-.42.66-.17.29-.21.33-.33.62-.17.29-.25.37-.5.57-.21.33-.21.29-.26.29-.79.78-.58.45-.59.49-.33.24-.46.25-.5.2-.37.16-.37.12-.34.08-.37,0H171l-.37,0-.37-.09-.5-.17-.45-.21-.33-.21-.58-.5-.2-.29L168,77.2l-.32-.66-.12-.33-.12-.38-.08-.37-.08-.33v-.38l0-.37V74l0-.42v-.37l.13-1.12v-.37l.22-1.86.09-.37,0-.37.17-.75.13-.53.13-.5.09-.37.13-.37.08-.38.13-.37.08-.37.09-.5.17-.53.26-.75v-.33l-.12-.21-.29-.08L168.4,63,168,63l-.41-.17-.28-.38-.08-.37,0-.41.08-.34.17-.28.29-.21.54,0,.62,0h.62l.42-.12.17-.29.08-.42.09-.33.13-.37.17-.33.16-.37.13-.33.26-.74.17-.75.13-.37.17-.33.25-.74L172,55l.17-.37.12-.37.13-.33.13-.37.17-.33.17-.38.08-.33.13-.37.17-.37.21-.29.33-.2.37-.08.42,0,.49.09.54.13.37.21.33.29.12.46-.09.37-.21.54-.25.58-.21.53-.13.42-.09.24-.12.42-.47,1.36-.13.33-.13.37-.17.54-.25.62-.3.86-.08.38-.17.33-.13.33v.29l.25.2.45.09h.41l.71,0,.58,0h1.28l.54,0,.29.25.08.46v.54l-.13.37-.21.29-.29.2-.37.12-.37.08-.42,0-1.12,0h-.45l-.37-.05h-1.54l-.25.16-.12.33-.17.5-.18.66-.17.7-.21.66-.17.7-.17.67-.13.57-.05.25-.13.58-.12.46-.13.41-.17.74-.05.5-.09.54-.09.74v1.16l.08.54.08.5.12.37.16.37.21.3.45.29.58.25.45.09h.42l.45-.07,1-.49,1.17-1,.29-.28.21-.25.42-.53.54-.66.21-.29.17-.33.21-.33.25-.33.21-.29.21-.33.17-.33.13-.37.21-.41L179,70l.25-.41.5-.33.54.09Z"/>
+    <path class="cls-1" d="M188.75,69.89v.46l-.13.37-.34.66-.37.62-.21.37-.17.32-.26.38-.12.24-.21.37-.21.33-.21.29-.25.33-.21.29-.42.66-.75.86-.51.54-.29.28-.25.29-.29.25-.92.69-.29.21-.38.16-.37.12-.33.08-.75.16h-.7l-.46,0L179,79l-.37-.13-.33-.21-.29-.25-.2-.29-.2-.33-.17-.38-.08-.33-.08-.37,0-.38V76l.09-.74.08-.37.13-.38.17-.74.13-.33.09-.37.12-.38.13-.32.38-1.12,0-.33.08-.37.13-.37.09-.37.08-.33.26-.75.13-.5.13-.53.25-.75.09-.37.08-.29.09-.37.17-.41.13-.33.25-1.12.13-.37.13-.49.17-.54.13-.37.17-.33.25-.21.37-.16.33,0,.42.05.74.09.66.25.21.29v.38l-.08.37-.13.49L184,64l-.26.74-.08.33-.09.38-.13.41-.12.49-.43,1.24-.09.38-.17.53-.29.87-.09.37-.09.33-.08.37-.3.7-.08.38-.3,1-.26.74-.08.37-.13.54-.13.66-.09.71.08.62.32.46.46.12.37,0,.37-.17.3-.2.33-.25,1.38-1.35.25-.29.21-.29.25-.33.42-.65.25-.29.17-.25.21-.33.25-.37.17-.37.34-.7.5-1,.21-.33.38-.2.53.08ZM182.2,57.12l.21-.33.33-.29.33-.2.42-.12.37-.08h.42l.37.09.33.21.29.25.28.29.21.33.12.38,0,.37v.42l-.12.37-.21.33-.26.33-.29.24-.33.25-.38.16-.41.08-.37-.05-.42-.08-.66-.42-.24-.29L182,59l-.08-.37,0-.37,0-.38.09-.41Z"/>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_CartIcon.svg

@@ -0,0 +1,14 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #b4b2bb;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <path class="cls-1" d="M7.76,14.3a1.1,1.1,0,1,0,1.1,1.1A1.1,1.1,0,0,0,7.76,14.3Zm5.5,0a1.1,1.1,0,1,0,1.1,1.1A1.1,1.1,0,0,0,13.26,14.3ZM7.85,12.51l0-.06.49-.9h4.1a1.1,1.1,0,0,0,1-.57l2.12-3.85-.95-.53h0L14,7.7H7.29L6.77,6.6,6.25,5.5H4.46V6.6h1.1l2,4.17-.75,1.35a1.19,1.19,0,0,0-.13.53,1.1,1.1,0,0,0,1.1,1.1h6.6v-1.1H8A.14.14,0,0,1,7.85,12.51Z"/>
+    <path class="cls-1" d="M10,2a8,8,0,1,1-8,8,8,8,0,0,1,8-8m0-2A10,10,0,1,0,20,10,10,10,0,0,0,10,0Z"/>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_CheckOutIcon.svg

@@ -0,0 +1,14 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #b4b2bb;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <path class="cls-1" d="M14.5,5.5h-9A1.12,1.12,0,0,0,4.38,6.62v6.76A1.12,1.12,0,0,0,5.5,14.5h9a1.12,1.12,0,0,0,1.12-1.12V6.62A1.12,1.12,0,0,0,14.5,5.5Zm0,7.88h-9V10h9Zm0-5.63h-9V6.62h9Z"/>
+    <path class="cls-1" d="M10,2a8,8,0,1,1-8,8,8,8,0,0,1,8-8m0-2A10,10,0,1,0,20,10,10,10,0,0,0,10,0Z"/>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_CurrencyIcon.svg

@@ -0,0 +1,14 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #605f64;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <path class="cls-1" d="M10.28,9.21c-1.64-.43-2.16-.87-2.16-1.56s.72-1.33,2-1.33,1.76.61,1.8,1.51h1.6a2.88,2.88,0,0,0-2.32-2.75V3.5H9V5.06A2.82,2.82,0,0,0,6.45,7.67c0,1.67,1.38,2.5,3.4,3,1.8.43,2.16,1.07,2.16,1.74,0,.5-.35,1.29-1.95,1.29S8,13,7.91,12.17H6.32A3,3,0,0,0,9,14.93V16.5h2.17V15c1.41-.27,2.53-1.09,2.53-2.57C13.68,10.33,11.92,9.63,10.28,9.21Z"/>
+    <path class="cls-1" d="M10,2a8,8,0,1,1-8,8,8,8,0,0,1,8-8m0-2A10,10,0,1,0,20,10,10,10,0,0,0,10,0Z"/>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_DownArrow.svg

@@ -0,0 +1,11 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #605f64;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <polygon class="cls-1" points="5 6 0 1 1 0 5 4 9 0 10 1 5 6"/>
+</svg>

src/frontend/static/icons/Hipster_FacebookIcon.svg

@@ -0,0 +1,14 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #111;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <path class="cls-1" d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0ZM14.42,17.76H10.24v4.87h3.28v2.31H10.24v6.68H7.69V15.45h6.73ZM21,31.62l-.44-2.94H17.44L17,31.62H14.67l2.59-16.17H21l2.58,16.17ZM32.11,20.9h-2.4V19.16c0-1.15-.51-1.59-1.32-1.59s-1.32.44-1.32,1.59V27.9c0,1.15.51,1.57,1.32,1.57s1.32-.42,1.32-1.57V25.59h2.4v2.15c0,2.58-1.29,4.06-3.79,4.06s-3.79-1.48-3.79-4.06V19.33c0-2.59,1.29-4.07,3.79-4.07s3.79,1.48,3.79,4.07Zm8.47-3.14H36.19v4.5h3.49v2.31H36.19v4.74h4.39v2.31H33.65V15.45h6.93Z"/>
+    <polygon class="cls-1" points="17.77 26.49 20.21 26.49 18.99 18.31 17.77 26.49"/>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_GooglePlayIcon.svg

@@ -0,0 +1,98 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 135 40">
+  <defs>
+    <style>
+      .cls-1, .cls-2, .cls-9 {
+        fill: #fff;
+      }
+
+      .cls-1 {
+        stroke: #fff;
+        stroke-miterlimit: 10;
+        stroke-width: 0.2px;
+      }
+
+      .cls-3 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-4 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-5 {
+        fill: url(#linear-gradient-3);
+      }
+
+      .cls-6 {
+        fill: url(#linear-gradient-4);
+      }
+
+      .cls-7 {
+        opacity: 0.2;
+      }
+
+      .cls-7, .cls-8, .cls-9 {
+        isolation: isolate;
+      }
+
+      .cls-8 {
+        opacity: 0.12;
+      }
+
+      .cls-9 {
+        opacity: 0.25;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="21.8" y1="-2709.25" x2="5.02" y2="-2726.04" gradientTransform="matrix(1, 0, 0, -1, 0, -2700.54)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#00a0ff"/>
+      <stop offset="0.01" stop-color="#00a1ff"/>
+      <stop offset="0.26" stop-color="#00beff"/>
+      <stop offset="0.51" stop-color="#00d2ff"/>
+      <stop offset="0.76" stop-color="#00dfff"/>
+      <stop offset="1" stop-color="#00e3ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="33.83" y1="-2720.55" x2="9.64" y2="-2720.55" gradientTransform="matrix(1, 0, 0, -1, 0, -2700.54)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ffe000"/>
+      <stop offset="0.41" stop-color="#ffbd00"/>
+      <stop offset="0.78" stop-color="orange"/>
+      <stop offset="1" stop-color="#ff9c00"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="24.83" y1="-2722.84" x2="2.07" y2="-2745.6" gradientTransform="matrix(1, 0, 0, -1, 0, -2700.54)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ff3a44"/>
+      <stop offset="1" stop-color="#c31162"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-4" x1="7.3" y1="-2700.72" x2="17.46" y2="-2710.88" gradientTransform="matrix(1, 0, 0, -1, 0, -2700.54)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#32a071"/>
+      <stop offset="0.07" stop-color="#2da771"/>
+      <stop offset="0.48" stop-color="#15cf74"/>
+      <stop offset="0.8" stop-color="#06e775"/>
+      <stop offset="1" stop-color="#00f076"/>
+    </linearGradient>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <rect width="135" height="40" rx="5"/>
+    <g>
+      <path class="cls-1" d="M47.42,10.24a2.72,2.72,0,0,1-.75,2,2.9,2.9,0,0,1-2.2.88,3,3,0,0,1-2.21-.9A3,3,0,0,1,41.35,10a3,3,0,0,1,.91-2.23,3.16,3.16,0,0,1,3.44-.65,2.54,2.54,0,0,1,.94.67l-.53.53a2,2,0,0,0-1.64-.72A2.32,2.32,0,0,0,42.14,10a2.36,2.36,0,0,0,4,1.73,1.93,1.93,0,0,0,.51-1.22H44.47V9.79h2.91A3.75,3.75,0,0,1,47.42,10.24Z"/>
+      <path class="cls-1" d="M52,7.74H49.3v1.9h2.46v.72H49.3v1.9H52V13H48.52V7H52Z"/>
+      <path class="cls-1" d="M55.28,13h-.77V7.74H52.83V7H57v.74H55.28Z"/>
+      <path class="cls-1" d="M59.94,13V7h.77v6Z"/>
+      <path class="cls-1" d="M64.13,13h-.77V7.74H61.68V7H65.8v.74H64.13Z"/>
+      <path class="cls-1" d="M73.61,12.22a3.11,3.11,0,0,1-4.4,0A3,3,0,0,1,68.33,10a3,3,0,0,1,.88-2.22,2.93,2.93,0,0,1,2.2-.91,3,3,0,0,1,2.2.91A3.07,3.07,0,0,1,74.49,10,3,3,0,0,1,73.61,12.22Zm-3.83-.5a2.29,2.29,0,0,0,3.26,0A2.36,2.36,0,0,0,73.71,10,2.36,2.36,0,0,0,73,8.28a2.29,2.29,0,0,0-3.26,0A2.36,2.36,0,0,0,69.11,10,2.36,2.36,0,0,0,69.78,11.72Z"/>
+      <path class="cls-1" d="M75.58,13V7h.93l2.92,4.67h0l0-1.16V7h.77v6h-.8L76.35,8.11h0l0,1.15V13Z"/>
+    </g>
+    <path class="cls-2" d="M68.14,21.75A4.26,4.26,0,1,0,72.41,26,4.19,4.19,0,0,0,68.14,21.75Zm0,6.83A2.58,2.58,0,1,1,70.54,26,2.46,2.46,0,0,1,68.14,28.58Zm-9.32-6.83A4.26,4.26,0,1,0,63.09,26,4.19,4.19,0,0,0,58.82,21.75Zm0,6.83A2.58,2.58,0,1,1,61.22,26,2.46,2.46,0,0,1,58.82,28.58ZM47.74,23.06v1.8h4.32a3.77,3.77,0,0,1-1,2.27,4.42,4.42,0,0,1-3.34,1.32,4.8,4.8,0,0,1,0-9.6A4.64,4.64,0,0,1,51,20.14l1.27-1.27a6.3,6.3,0,0,0-4.53-1.82,6.61,6.61,0,1,0,0,13.21,6.07,6.07,0,0,0,4.61-1.85,6,6,0,0,0,1.56-4.23,6.27,6.27,0,0,0-.09-1.12Zm45.31,1.4a4,4,0,0,0-3.64-2.71,4,4,0,0,0-4,4.25,4.23,4.23,0,0,0,7.76,2.37l-1.45-1a2.41,2.41,0,0,1-2.09,1.17,2.15,2.15,0,0,1-2.06-1.29l5.69-2.35Zm-5.8,1.42a2.34,2.34,0,0,1,2.23-2.49,1.64,1.64,0,0,1,1.57.91ZM82.63,30H84.5V17.5H82.63Zm-3.06-7.3H79.5a2.94,2.94,0,0,0-2.24-.95,4.26,4.26,0,0,0,0,8.51,2.88,2.88,0,0,0,2.24-1h.07v.61c0,1.63-.87,2.5-2.27,2.5a2.36,2.36,0,0,1-2.15-1.51l-1.62.67a4,4,0,0,0,3.77,2.52c2.19,0,4-1.29,4-4.43V22H79.57Zm-2.15,5.88a2.58,2.58,0,0,1,0-5.15A2.39,2.39,0,0,1,79.7,26,2.38,2.38,0,0,1,77.42,28.58ZM101.81,17.5H97.33V30H99.2V25.26h2.61a3.89,3.89,0,1,0,0-7.76Zm0,6H99.2V19.24h2.65a2.14,2.14,0,1,1,0,4.28Zm11.54-1.79a3.49,3.49,0,0,0-3.33,1.91l1.65.69a1.78,1.78,0,0,1,1.71-.91,1.8,1.8,0,0,1,2,1.61v.12a4.18,4.18,0,0,0-1.95-.48c-1.78,0-3.6,1-3.6,2.82a2.89,2.89,0,0,0,3.11,2.75A2.65,2.65,0,0,0,115.32,29h.06v1h1.8V25.19C117.18,23,115.52,21.73,113.39,21.73Zm-.23,6.85c-.61,0-1.46-.31-1.46-1.06,0-1,1.06-1.34,2-1.34a3.32,3.32,0,0,1,1.7.42A2.26,2.26,0,0,1,113.16,28.58ZM123.74,22l-2.14,5.42h-.06L119.32,22h-2l3.33,7.58-1.9,4.21h2L125.82,22Zm-16.8,8h1.86V17.5h-1.86Z"/>
+    <g>
+      <path class="cls-3" d="M10.44,7.54A2,2,0,0,0,10,8.94V31.06a1.94,1.94,0,0,0,.47,1.4l.07.08L22.9,20.15v-.3L10.51,7.47Z"/>
+      <path class="cls-4" d="M27,24.28,22.9,20.15v-.3L27,15.72l.09.06L32,18.56c1.4.79,1.4,2.09,0,2.89l-4.89,2.78Z"/>
+      <path class="cls-5" d="M27.12,24.22,22.9,20,10.44,32.46a1.62,1.62,0,0,0,2.07.07l14.61-8.31"/>
+      <path class="cls-6" d="M27.12,15.78,12.51,7.48a1.61,1.61,0,0,0-2.07.06L22.9,20Z"/>
+      <g>
+        <path class="cls-7" d="M27,24.13,12.51,32.38a1.66,1.66,0,0,1-2,0h0l-.07.07h0l.07.08h0a1.66,1.66,0,0,0,2,0l14.61-8.31Z"/>
+        <path class="cls-8" d="M10.44,32.32A2,2,0,0,1,10,30.91v.15a1.94,1.94,0,0,0,.47,1.4l.07-.07Z"/>
+      </g>
+      <path class="cls-8" d="M32,21.3l-5,2.83.09.09L32,21.44A1.75,1.75,0,0,0,33.06,20h0A1.86,1.86,0,0,1,32,21.3Z"/>
+      <path class="cls-9" d="M12.51,7.62,32,18.7A1.86,1.86,0,0,1,33.06,20h0A1.75,1.75,0,0,0,32,18.56L12.51,7.48C11.12,6.68,10,7.34,10,8.94v.15C10,7.49,11.12,6.83,12.51,7.62Z"/>
+    </g>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_HelpIcon.svg

@@ -0,0 +1,14 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #605f64;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <path class="cls-1" d="M9,16h2V14H9ZM10,4A4,4,0,0,0,6,8H8a2,2,0,0,1,4,0c0,2-3,1.75-3,5h2c0-2.25,3-2.5,3-5A4,4,0,0,0,10,4Z"/>
+    <path class="cls-1" d="M10,2a8,8,0,1,1-8,8,8,8,0,0,1,8-8m0-2A10,10,0,1,0,20,10,10,10,0,0,0,10,0Z"/>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_HeroLogo.svg

@@ -0,0 +1,55 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 625.15 469.57">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <g>
+      <path class="cls-1" d="M214.76,32.83l-4.44-9a231,231,0,0,1,202.19-1.14l-4.34,9a221,221,0,0,0-193.41,1.09Z"/>
+      <g>
+        <path class="cls-1" d="M120.84,339.47q-1.55-2.72-3-5.47H106.57q2.66,5.28,5.58,10.42a232,232,0,0,0,79.29,82.22l5.26-8.5A222,222,0,0,1,120.84,339.47Z"/>
+        <path class="cls-1" d="M117.78,127a221.75,221.75,0,0,1,21.57-32.94l-7.85-6.2a231.18,231.18,0,0,0-25,39.14Z"/>
+      </g>
+      <g>
+        <path class="cls-1" d="M198.23,116.53l-.38-.86-.29-.77-.58-1.73-.19-.86-.1-.87-.19-.86-.29-2.6v-1.82l.1-.87V102.6l.19-1.72.19-1,.1-.87.19-.77.19-.86.29-1,.39-1.06.57-1.92.39-1.06.38-.86.39-.77.38-.86.38-.77.39-.87.48-.76.48-.68,1-.57,1.06-.29.86.09.77.29.77.48.76.77.49,1.06v.86l-.49,1.15-.47,1.25-.29.58-.39,1-.38.77-.29.86-.19.87-.29,1.15-.29,1.25-.19.86-.1.87-.19.86-.09.87v.76l-.2,1.73v.87l.1,1v1.73l.1.86.19.87.19,1.24.29,1.54.38,1.25.29.86.77,1.54.58.77.47.58.58.67,1.35,1.15.67.48.77.38.86.29,1.25.29,1.15.19.87.2h2.49l.87-.2.86-.09.87-.29,1-.39.77-.38,1.44-.86.77-.48,1.35-1,1.92-1.93.57-.67.48-.67.48-.77.58-.86.38-.48,1.06-1.54.38-.67.48-.77.39-.86.48-.87.67-1.44L233,105l.38-.77.1-.77-.29-.39-.57-.19-.87-.09-1-.1-.86-.19-.77-.19-.87-.29-.86-.19-.77-.29-.77-.39-2.3-.86-1.06-.38-2.88-1.73-.77-.48-1.44-1-.67-.58-3.65-3.65-.48-.67-.58-.67-1-1.45-.38-.67-.39-.86-.77-1.54-.38-1.06-.38-1-.29-1-.39-1.05-.28-.87-.2-1.73-.09-1V78.5l-.19-1.92.09-.87.1-1,.09-.57.2-1.06L208,72l.38-1.25.29-.87.48-1.15.48-1.06.38-.86.48-.67,1.16-1.35.57-.57L213.6,63l1.05-.76L216,61.5l2.69-1.35.86-.29,1.25-.28,1.15-.29,1-.19,1.16-.1h2.21l1.53.19,1.92.1,1.16.19,1.25.29.86.38,1.73.58,1.05.57,1.64,1,1,.57.67.48.67.58,1.15,1.34.49.68.48.76.48.68.38.76.38.87.77,1.54.29.76.29.87.38,1.73.19,1.25.29,1.15.1,1,.1.58.09,1,.1.87v.86l.19,1.73v.86l-.1,1-.09.87-.19.77v1l-.1.58v1.06l-.19.86L245,90.5l-.19,1.25-.19,1-.1.87-.09.76-.19.87-.29.86v1.06l.57.58h1.06l.87-.2,1.05-.28.58-.2,1.82-.48,1.06-.38,1.25-.48,1-.38.87-.49.58-.28.86-.48.86-.39.77-.09.48.38.1.86-.19.77-.29.87-.39.77-.57.57-.77.48-1,.39-.48.28-1.73.87-.86.38-.77.29-1,.39-.58.19-1,.48-.77.29-.77.19-.86.19-1,.29-1,.19-.87.1-.76.19-.58.48L241,105l-.29.86L240.2,107l-1.44,2.88-.29.48-.48.87-.38.86-1,1.54-.38.48-.58.86-.48.68L234.06,117l-.48.77-.58.67-.67.58-.68.67-.57.48-1.25,1.25-1.34,1.15-.77.48-1.06.58-1.15.67-.87.48-.76.39-.87.28-.77.2-.86.28-.87.2-.86.28-1,.1-.58.1-1,.09-.86.1H213.6l-1.15-.19-1.06-.1L209,126l-1.15-.29-.87-.29-.77-.28-.86-.49-1.92-1.34-.77-.67-.58-.58-.67-.57-.58-.58-.57-.77-.67-1-.58-1.06-.48-.86Zm17.1-39.86v2.6l.09,1,.2.86.09.86.58,1.73.29.77.38.87.38.76.48.68.48.86.39.77,1.15,1.34.67.68.39.48,1.34,1.34.67.58.77.57.68.48.76.48.68.48,1,.49.57.19,1.06.48.58.19,1,.38,2.4.77,1,.19.86.2.77-.1.67-.67.39-1.06.57-2.59.19-1.25.1-1.15.1-1,.29-2.6v-.86l.19-1.15V80.13l-.1-1.15-.09-1-.2-1.16-.19-1.24-.38-1.73-.29-.87-.48-1.15-.39-1.06-.38-.86-.48-.77-.48-.67-.48-.48-.58-.67-.76-.58-.68-.48-.77-.38-.86-.39-1.25-.29L227,65.05,225.8,65l-1,.1-1.25.19-1.44.48-1.44.77-1.35.87-1.15,1-.87,1-.38.77-.48,1.15L216,72.73,215.71,74l-.19,1Z"/>
+        <path class="cls-1" d="M275.16,91.85l-.76.38-.68.39-.67.48-.77.57-.67.58-1.54,1.06-.67.48-.67.57-.67.67-1.16,1.35-.67.67-1.15,1.35-1,1.53-.58.77L262.39,105l-1.06,3.17-.28,1.24-.39,1.44-.38,1.25-.58,2.6-.38,1.24-.39,1.45-.28,1.24-.29.87-.29,1.25-.19,1-.29,1-.1.87-.19.77-.29.77-.57.48-.87.28-.86.1-1.25.1L252,126l-1.25-.19-.77-.39-.58-.86-.09-1.06.19-1,.29-1.25.29-1.15.19-.86.29-.87.19-.86.29-.77.29-.87.19-.86.19-.77.19-.86.29-.87.29-.77.38-1.72.19-.77.1-.87.29-.86.19-.87.29-.86.29-1.15.38-1.25.48-1.73.19-.77.2-.86.28-.87.2-.86.28-.77.2-.86.28-.87.29-1.25.29-1.15.19-.86.58-1.73.19-.77.29-.87.38-1.72.68-1,1.24-.67,1.54-.19,1.54.19,1.44.48,1,1,.19,1.16-.19,1-.19.67-.29.86-.19.87-.29.77-.19.86-.29.86-.19.87-.1.58.1.09.38-.48.58-.67.48-.67,1.15-1.35.67-.57,1.25-1.06.67-.58,1.25-1.25,1.92-1.53.77-.48.77-.39.77-.48.77-.29.86-.28,1.25-.29,1.15-.19h2.21l1.54.19,1.05.19.87.38.86.48.67.68.48.67.48.77.39.77.29.86.29,1.15.19,1.16v1.82l-.1.87v.86l-.09.77-.2.86-.19,1-.19.58-.29,1-.29,1.25L287,103l-.39,1.25-.28.86-.29,1.25-.39,1.63-.38,1.54-.38,1.34-.2.87-.19.67-.19.87-.29.86-.19.77-.58,2.59-.09.87v1.72l.38.77.67.48.87.1.86-.29.87-.38.76-.48.68-.48.77-.58,1.24-1.25.48-.67.58-.77.48-.67.67-.77.48-.67.58-.87.86-1.44.58-.86.29-.48.57-.87.48-.86.77-1.54.39-.86.29-.77L298,105l.48-.77.87-.58,1.25.29.76,1v1l-.28.86-.39.77-.38.87-.39.77-.48.76-.38.77-.58.87-.28.57-1,1.73-.19.58-.48.86-1,1.54-.57.86-.39.48-.57.77-.68.87-.57.67-1.06,1.15-.58.67-1.34,1.16-.58.57-.76.58-.77.48-1.54.77-.77.29-.86.28-.87.2-.77.09-1,.1h-.86l-.86-.1-.77-.19-.87-.29-.77-.29-.76-.48-.58-.48-.58-.67-.38-.86-.29-.77-.19-.87-.19-.76v-2.12l.19-1.25.09-1,.29-1.25.87-3.16.29-1.64L277,109l.38-1.54.39-1.25.29-.86.38-1.25.38-1.54.29-1.53.39-1.25.38-1.73.1-.86.38-1.83.1-.86-.19-1-.58-1-.87-.87-.86-.29-.86-.09-.87.09Z"/>
+        <path class="cls-1" d="M327,79.65l-.48.86-.77,1.54-.48,1.06-.67,1-.48.68-.48.76-.48.68-.48.86-.39.58-.48.77-.67.86-.86,1-.87.87-.38.48-.67.76-1.25,1.25-.58.67L315.5,95.5l-.67.57-.77.77-1.05.77-1.44,1.25-.77.48-2.11,1.34L308,101l-.77.48-1.05.87-.67.86-.39.77-.19,1.06-.29,1.72v.58l-.19,1-.19.87-.1,1v2l-.09,1.25v1.92l.19,1.06.09.58.2,1,.38.86.38.77.58.67.77.48.77.29,1,.19H310l.77-.09.86-.29,1.16-.48,1.05-.58.77-.58,1-.76.87-.87,1.15-1.06.77-.67L319,115l.39-.48.57-.76.39-.68.57-.86.39-.48.57-.87.77-1.44.48-.76.58-.87.48-.86.48-1,.86-1.25,1-.77,1.25.19.77,1v1l-.29.87-.38.76-.48.77-.39.87-.38.77-.29.76-.48.77-.38.68-.48.76-.58.87-.19.48-.48.86-.58.77-1,1.35-.67.86-.39.38-.67.87-.57.67-.77,1-.87.77-.67.67-.57.48-.68.58-.86.48-.77.38-.86.39-.77.38-.77.29-.87.38-1.15.39-1.92.38-1.15.1-1.06-.1h-.57l-1-.09-.87-.2-.77-.28-.86-.29-.77-.39-.77-.48-.67-.57-.58-.58-.57-.67-.39-.77-.38-.86-.29-.77-.19-.87-.29-.86-.1-.87-.19-1v-.57l-.19-1.06-.1-.86v-.87l.1-.86.1-1v-.58l.09-1.25.29-2.11.1-1.15v-.87l.19-.86.19-1,.67-3.17.29-1.15.29-1.73.19-.48.29-1.16.19-.57.39-1.44.28-1.25.2-.87.28-1.15.39-1.34.09-.68.39-1.34.38-1.25.29-.67.38-1.25.39-1.15.38-.87,1-2.49.2-.58.57-1.35.67-1.53.48-1.15.39-.87.29-.57.48-.87.67-1.63.48-1,.48-.87.58-.86.76-1.25L311.66,66l.58-.77L313.49,64l.38-.48.67-.67.68-.48,1.53-1.06,1.06-.67,1.06-.48.86-.29.87-.19h1.72l1,.19.58.1,1,.29.77.38,1.34,1.16.48.76.68,1,.48,1.16.38.86.38,1.15.2,1.25v1.73l-.2,2.59L329,74l-.29.77-.19,1L327.7,78l-.38.77Zm-15.94,2.69-1.35,4-.19.87-.29.86-.38,1.25-.67,2-.29,1-.1.57-.29,1-.29.87-.19,1,.19.58.58-.39,1-.77,3.94-3.93.48-.68.48-.77.58-.86.38-.38.58-.87.67-.86.67-1,.67-1.06.48-.77.39-.67.48-.67.77-1.54.38-1,.29-.58.38-1,.39-.86.19-.87.29-.86.29-1.06.38-1,.29-1.06.38-1.06.1-1,.09-.86V68.12l-.19-.76-.29-.77-.67-.48-.77-.19-.86.19-.87.67-.67.58-.48.57-.48.67-.48.77-1,1.44-.48.87-.38.86-.39.77-.38.87-.39.76-.38.87-.29.77-.38,1-.58,1.44-.38.87Z"/>
+        <path class="cls-1" d="M348.16,105.1v1.06l-.29.86-.77,1.54-.86,1.44-.48.86-.39.77-.57.87-.29.57-.48.87-.48.77-.48.67-.58.77-.48.67-1,1.54-1.73,2-1.15,1.25-.67.67-.58.68-.67.57-2.11,1.64-.68.48-.86.38-.86.29-.77.19-1.73.38h-1.63l-1.06-.09-.77-.29-.86-.29-.77-.48-.67-.57-.48-.68-.48-.77-.39-.86-.19-.77-.19-.86-.1-.87v-.86l.19-1.73.2-.86.28-.87.39-1.73.29-.77.19-.86.29-.87.28-.76.87-2.6.09-.77.2-.86.28-.86.2-.87.19-.77.57-1.73.29-1.15.29-1.25.58-1.73.19-.86.19-.67.19-.87.39-1,.29-.77.57-2.59.29-.86.29-1.16.38-1.24.29-.87.39-.77.57-.48.87-.38.76-.1,1,.1,1.73.19,1.54.58.48.67v.86l-.19.87-.29,1.15-.29,1.25-.57,1.73-.2.77-.19.86-.29,1L335.39,97l-1,2.89-.19.86-.38,1.25-.67,2-.2.86-.19.77-.19.86-.67,1.64-.19.86-.68,2.4-.57,1.73-.2.86-.28,1.25-.29,1.54-.19,1.63.19,1.44.77,1.06,1.05.29.87-.1.86-.38.67-.48.77-.58,3.17-3.17.58-.67.48-.67.58-.77,1-1.54.57-.67.39-.58.48-.77.57-.86.39-.86.77-1.64,1.15-2.3.48-.77.86-.48,1.25.19ZM332.7,75.62l.48-.77.76-.67.77-.49,1-.28.87-.2h1l.86.2.77.48.67.57.68.68.48.76.28.87.1.86v1l-.29.87-.48.77L340,81l-.68.58-.77.58-.86.38-1,.19-.86-.09-1-.2-1.54-1-.58-.67-.48-.77-.19-.86-.1-.87.1-.86.19-1Z"/>
+        <path class="cls-1" d="M365.93,91.85l-.77.38-.67.39-.67.48-.77.57-.68.58-1.53,1.06-.67.48-.68.57-.67.67-1.15,1.35-.67.67-1.16,1.35-1,1.53-.57.77L353.15,105l-1,3.17-.29,1.24-.38,1.44-.39,1.25-.57,2.6-.39,1.24-.38,1.45-.29,1.24-.29.87-.29,1.25-.19,1-.29,1-.09.87-.2.77-.28.77-.58.48-.86.28-.87.1-1.25.1-1.44-.1-1.25-.19-.77-.39-.57-.86-.1-1.06.19-1,.29-1.25.29-1.15.19-.86.29-.87.19-.86.29-.77.29-.87.19-.86.19-.77.19-.86.29-.87.29-.77.39-1.72.19-.77.09-.87.29-.86.19-.87.29-.86.29-1.15.38-1.25.48-1.73.2-.77.19-.86.29-.87.19-.86.29-.77.19-.86.29-.87.29-1.25.28-1.15.2-.86.57-1.73.19-.77.29-.87.39-1.72.67-1,1.25-.67,1.53-.19,1.54.19,1.44.48,1,1,.19,1.16-.19,1-.19.67-.29.86-.19.87-.29.77-.19.86-.29.86-.19.87-.1.58.1.09.38-.48.58-.67.48-.67,1.15-1.35.67-.57L360,91.08l.68-.58,1.24-1.25,1.93-1.53.76-.48.77-.39.77-.48.77-.29.86-.28,1.25-.29,1.15-.19h2.21l1.54.19,1.06.19.86.38.87.48.67.68.48.67.48.77.38.77.29.86.29,1.15.19,1.16v1.82l-.1.87v.86l-.09.77-.19.86-.2,1-.19.58-.29,1-.28,1.25-.39,1.44-.38,1.25-.29.86-.29,1.25L376.4,108l-.39,1.54-.38,1.34-.19.87-.2.67-.19.87-.29.86-.19.77-.57,2.59-.1.87v1.72l.38.77.68.48.86.1.87-.29.86-.38.77-.48.67-.48.77-.58L381,118l.48-.67.57-.77.48-.67.68-.77.48-.67.57-.87.87-1.44.57-.86.29-.48.58-.87.48-.86.77-1.54.38-.86.29-.77.29-.86.48-.77.86-.58,1.25.29.77,1v1l-.29.86-.38.77-.39.87-.38.77-.48.76-.39.77-.57.87-.29.57-1,1.73-.19.58-.48.86-1,1.54-.58.86-.38.48-.58.77-.67.87-.58.67-1.06,1.15-.57.67-1.35,1.16-.57.57-.77.58-.77.48-1.54.77-.76.29-.87.28-.86.2-.77.09-1,.1h-.87l-.86-.1-.77-.19-.86-.29-.77-.29-.77-.48-.58-.48-.57-.67-.39-.86-.29-.77-.19-.87-.19-.76v-2.12l.19-1.25.1-1,.29-1.25.86-3.16.29-1.64.38-1.63.39-1.54.38-1.25.29-.86.38-1.25.39-1.54.29-1.53.38-1.25.38-1.73.1-.86.38-1.83.1-.86-.19-1-.58-1-.86-.87-.87-.29-.86-.09-.87.09Z"/>
+        <path class="cls-1" d="M419.71,102.8l-.48.67-1.15,1.34L416.74,106l-.68.48-.86.48-.58.19-1,.57-.57.29-.87.39-1,.29-.86.28-.87.1-1,.19-1.05.1-1.16.19-.86.1h-.87l-1.72-.2-1.73-.09-.87-.1-2.59-.57h-.67l-.48.38-.2.67v.87l-.09,1v1.63l.09,1,.2.77.57,1.73,1,1.53.58.68.58.57,1.53,1,1,.29.87.29.67.1.86.19.87.09h1l.86-.09,2.5-.48.87-.2.86-.28.77-.29,1.63-.67,1.54-.77,1.34-1.06L417,117l.68-.58,1.34-1.24,1.15-1.35.48-.67.58-.77,1-1.34.48-.77.39-.77.48-.77.38-.77.48-.67.38-.77.39-.86.38-.77.48-.77.68-.48h.86l.86.58.48.86-.09.87-.39.86-.48,1.06-.57,1-.48,1.06-.58,1.06-.58,1-1,1.53-.28.58-.58.86-1,1.35-.58.67-.57.58-.58.67-.67.77-.29.38-.67.77-.58.67L417.7,122l-1,.76-.87.77-1.53,1-2.41,1.06-.76.29-.87.29-1.25.19-1.15.29-2,.19-1.25.09-1.05.1h-.87l-3.45-.38-.77-.2-.87-.28-.86-.39-.77-.38-1.54-.87-.76-.38-.68-.58-.67-.67-.38-.48-.68-.77-.57-.67-.48-.77-.39-.67-.38-.87-.29-.76-.29-.87-.19-.86-.19-.77-.19-.87-.29-2.59V110.1l.09-.87v-.86l.58-2.6L389,105l.19-.87.29-.86.19-.87.29-.86.38-1.06.48-1.15.48-.87.58-1,.67-1,.39-.87.48-.67.57-.67,1.44-1.54,1.45-1.44.76-.67.87-.67,1-.68.86-.67,1-.57,1-.48.87-.39,1.25-.58,2-.67,1.73-.38,1.25-.19h2.11l1.25.19,1.54.29,1.25.28.86.29.87.39.76.38.58.39,1.35,1.15.57.67.58,1,.48,1.15.29.87.19.86.09.87v1.15L422,96.46l-.1,1-.29,1.15-.38,1.15-.38,1-.29.48-.48.87ZM408,91.27l-1.35.58-1.15.57-.77.48-1.34,1.16-.87.86-.77.87-.67.76-.67,1.06-.67,1-.48.86-.58,1.06-.38,1.15-.39.87-.29.77-.09.67.48.48,1.25.29,1.92.09,1,.1h2.69l1-.19.86-.19,1-.39.58-.19,1-.48.67-.48.67-.58.68-.67.67-.58.57-.76.48-.68.39-.77.48-.86.58-1.73.19-1,.09-.86-.09-1-.39-.87-.57-.67-.77-.58-.87-.38-.86-.19-.86-.1-1,.19Z"/>
+      </g>
+      <g>
+        <path class="cls-1" d="M72.42,188.94v5.5c0,15.85-4.84,26-15.63,31,13,5.06,18.05,16.73,18.05,33v12.55c0,23.77-12.55,36.54-36.76,36.54H0V153.5H36.54C61.63,153.5,72.42,165.17,72.42,188.94ZM24.21,175.51v40.72h9.47c9,0,14.53-4,14.53-16.28v-8.59c0-11-3.75-15.85-12.33-15.85Zm0,62.74v47.32H38.08c8.15,0,12.55-3.74,12.55-15.18V257c0-14.31-4.62-18.71-15.63-18.71Z"/>
+        <path class="cls-1" d="M87.39,190.48c0-24.65,13-38.74,36.76-38.74s36.76,14.09,36.76,38.74v80.13c0,24.65-13,38.74-36.76,38.74s-36.76-14.09-36.76-38.74Zm24.21,81.67c0,11,4.84,15.19,12.55,15.19s12.55-4.19,12.55-15.19V188.94c0-11-4.85-15.19-12.55-15.19s-12.55,4.18-12.55,15.19Z"/>
+        <path class="cls-1" d="M199.65,153.5V272.37c0,11,4.85,15,12.55,15s12.55-4,12.55-15V153.5h22.89V270.83c0,24.65-12.33,38.74-36.1,38.74s-36.1-14.09-36.1-38.74V153.5Z"/>
+        <path class="cls-1" d="M257.11,153.5H332v22H306.63V307.59H282.42V175.51H257.11Z"/>
+        <path class="cls-1" d="M342.51,153.5h24.21V307.59H342.51Z"/>
+        <path class="cls-1" d="M382.35,190.48c0-24.65,13-38.74,36.76-38.74s36.76,14.09,36.76,38.74v80.13c0,8.58-1.54,15.84-4.62,21.57,1.1,2.86,2.86,3.3,6.82,3.3h2.21v21.57H457c-10.78,0-17.61-4-20.91-10.56a49.64,49.64,0,0,1-16.95,2.86c-23.77,0-36.76-14.09-36.76-38.74Zm24.22,81.67c0,11,4.84,15.19,12.54,15.19s12.55-4.19,12.55-15.19V188.94c0-11-4.84-15.19-12.55-15.19s-12.54,4.18-12.54,15.19Z"/>
+        <path class="cls-1" d="M494.62,153.5V272.37c0,11,4.84,15,12.54,15s12.55-4,12.55-15V153.5H542.6V270.83c0,24.65-12.32,38.74-36.1,38.74s-36.1-14.09-36.1-38.74V153.5Z"/>
+        <path class="cls-1" d="M583.33,218.44h33.23v22H583.33v45.12h41.82v22h-66V153.5h66v22H583.33Z"/>
+      </g>
+      <g>
+        <path class="cls-1" d="M232.18,435.63c2.18,1.13,3.27,1.67,5.48,2.72l-1.53,3.24c-2.26-1.07-3.38-1.62-5.6-2.77l-3.38,6.53c2.92,1.51,4.39,2.23,7.35,3.6L233,452.21c-4.76-2.21-7.12-3.4-11.76-5.95l12.09-22c4,2.22,6.08,3.25,10.21,5.16l-1.5,3.26c-2.68-1.24-4-1.89-6.64-3.25C234.1,431.9,233.46,433.15,232.18,435.63Z"/>
+        <path class="cls-1" d="M258.19,435.05c3.8,1.33,5.09,4.1,3.9,7.94l-.23.75c-1.55-.48-2.33-.73-3.87-1.25l.33-1c.57-1.7.06-2.58-1.21-3s-2.22-.07-2.83,1.62c-1.77,4.85,6.11,8.53,4,15.38-1.19,3.84-4.2,5.36-8.62,3.8s-5.85-4.62-4.38-8.36l.57-1.44c1.62.64,2.43.95,4.06,1.55l-.62,1.68a2.4,2.4,0,1,0,4.52,1.59c1.65-4.89-6.25-8.81-3.63-15.49C251.64,435.06,254.4,433.72,258.19,435.05Z"/>
+        <path class="cls-1" d="M272.24,439.58c4.93,1.25,7.42,1.77,12.41,2.63-.24,1.42-.37,2.12-.61,3.54-1.73-.3-2.59-.46-4.31-.8l-4.2,21.11c-1.86-.37-2.78-.56-4.63-1l4.73-21c-1.71-.39-2.56-.59-4.27-1Z"/>
+        <path class="cls-1" d="M293.27,464.91l-.4,3.78c-1.8-.19-2.71-.3-4.51-.53.2-1.51.29-2.26.49-3.77C290.61,464.62,291.5,464.72,293.27,464.91Z"/>
+        <path class="cls-1" d="M325.25,447.42c-1.32.1-2.11.83-2,2.62.07,1.07.1,1.61.17,2.69-1.62.1-2.43.14-4.06.2,0-1-.05-1.46-.09-2.43-.16-4,1.83-6.36,5.82-6.66s6.32,1.7,6.77,5.69c.89,7.85-7.71,11.56-7.44,15.68a2.33,2.33,0,0,0,.07.53c3.49-.22,5.23-.37,8.71-.76.16,1.43.24,2.14.39,3.57-5.41.6-8.13.8-13.57,1l-.12-3.09c-.29-7.38,8.4-9.16,7.76-16.38C327.46,447.85,326.57,447.32,325.25,447.42Z"/>
+        <path class="cls-1" d="M341.75,448.11c-.69-3.95,1.09-6.56,5-7.4s6.63.82,7.61,4.71c1.28,5.07,1.93,7.6,3.21,12.67,1,3.89-.92,6.78-5.47,7.75s-7.45-.9-8.13-4.86C343.09,455.83,342.64,453.26,341.75,448.11Zm6.78,12.28c.35,1.76,1.4,2.25,2.85,1.94s2.2-1.18,1.8-2.93c-1.2-5.29-1.8-7.94-3-13.23-.4-1.75-1.37-2.22-2.67-1.95s-2,1.11-1.64,2.87Z"/>
+        <path class="cls-1" d="M363.19,439.94c3.1-1,3.31-2.64,3.36-4.45,1.05-.36,1.58-.55,2.63-.93,3.45,9.43,5.18,14.15,8.64,23.58-1.8.66-2.7,1-4.5,1.58-2.46-7.26-3.68-10.89-6.14-18.15-1.25.43-1.88.64-3.14,1Z"/>
+        <path class="cls-1" d="M391.63,443.48l1,2.1a2.43,2.43,0,1,0,4.34-2.17c-1-2-1.52-3-2.54-4.91-.82-1.59-1.93-1.78-3.2-1.14s-1.79,1.63-1,3.25l.33.68c-1.55.75-2.33,1.11-3.89,1.82-2.11-5.44-3.18-8.15-5.34-13.57,4-1.84,6-2.83,9.88-5,.69,1.26,1,1.89,1.71,3.15-2.62,1.43-3.95,2.12-6.62,3.42.93,2.21,1.39,3.32,2.31,5.54a4.45,4.45,0,0,1,2.62-3.36c2.88-1.47,5.3-.5,7.08,2.74L401,441c1.94,3.52.89,6.76-3.36,8.89s-7.45,1-9.11-2.64l-.86-1.89C389.27,444.61,390.06,444.24,391.63,443.48Z"/>
+      </g>
+    </g>
+    <g>
+      <polygon class="cls-1" points="167.66 127 115.99 37.5 509.16 37.5 457.49 127 480.58 127 543.8 17.5 81.35 17.5 144.56 127 167.66 127"/>
+      <polygon class="cls-1" points="337.98 334 312.57 378 287.17 334 264.08 334 312.57 418 361.07 334 337.98 334"/>
+    </g>
+    <g>
+      <path class="cls-1" d="M518.64,127a231.92,231.92,0,0,0-24.92-39l-7.85,6.19A222.67,222.67,0,0,1,507.37,127Z"/>
+      <path class="cls-1" d="M507.32,334q-1.47,2.76-3,5.47a222,222,0,0,1-75.87,78.67l5.27,8.5A232.17,232.17,0,0,0,513,344.42q2.93-5.15,5.58-10.42Z"/>
+    </g>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_HeroLogoCyan.svg

@@ -0,0 +1,55 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 625.15 469.57">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #4bc7c7;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <g>
+      <path class="cls-1" d="M214.76,32.83l-4.44-9a231,231,0,0,1,202.19-1.14l-4.34,9a221,221,0,0,0-193.41,1.09Z"/>
+      <g>
+        <path class="cls-1" d="M120.84,339.47q-1.55-2.72-3-5.47H106.57q2.66,5.28,5.58,10.42a232,232,0,0,0,79.29,82.22l5.26-8.5A222,222,0,0,1,120.84,339.47Z"/>
+        <path class="cls-1" d="M117.78,127a221.75,221.75,0,0,1,21.57-32.94l-7.85-6.2a231.18,231.18,0,0,0-25,39.14Z"/>
+      </g>
+      <g>
+        <path class="cls-1" d="M198.23,116.53l-.38-.86-.29-.77-.58-1.73-.19-.86-.1-.87-.19-.86-.29-2.6v-1.82l.1-.87V102.6l.19-1.72.19-1,.1-.87.19-.77.19-.86.29-1,.39-1.06.57-1.92.39-1.06.38-.86.39-.77.38-.86.38-.77.39-.87.48-.76.48-.68,1-.57,1.06-.29.86.09.77.29.77.48.76.77.49,1.06v.86l-.49,1.15-.47,1.25-.29.58-.39,1-.38.77-.29.86-.19.87-.29,1.15-.29,1.25-.19.86-.1.87-.19.86-.09.87v.76l-.2,1.73v.87l.1,1v1.73l.1.86.19.87.19,1.24.29,1.54.38,1.25.29.86.77,1.54.58.77.47.58.58.67,1.35,1.15.67.48.77.38.86.29,1.25.29,1.15.19.87.2h2.49l.87-.2.86-.09.87-.29,1-.39.77-.38,1.44-.86.77-.48,1.35-1,1.92-1.93.57-.67.48-.67.48-.77.58-.86.38-.48,1.06-1.54.38-.67.48-.77.39-.86.48-.87.67-1.44L233,105l.38-.77.1-.77-.29-.39-.57-.19-.87-.09-1-.1-.86-.19-.77-.19-.87-.29-.86-.19-.77-.29-.77-.39-2.3-.86-1.06-.38-2.88-1.73-.77-.48-1.44-1-.67-.58-3.65-3.65-.48-.67-.58-.67-1-1.45-.38-.67-.39-.86-.77-1.54-.38-1.06-.38-1-.29-1-.39-1.05-.28-.87-.2-1.73-.09-1V78.5l-.19-1.92.09-.87.1-1,.09-.57.2-1.06L208,72l.38-1.25.29-.87.48-1.15.48-1.06.38-.86.48-.67,1.16-1.35.57-.57L213.6,63l1.05-.76L216,61.5l2.69-1.35.86-.29,1.25-.28,1.15-.29,1-.19,1.16-.1h2.21l1.53.19,1.92.1,1.16.19,1.25.29.86.38,1.73.58,1.05.57,1.64,1,1,.57.67.48.67.58,1.15,1.34.49.68.48.76.48.68.38.76.38.87.77,1.54.29.76.29.87.38,1.73.19,1.25.29,1.15.1,1,.1.58.09,1,.1.87v.86l.19,1.73v.86l-.1,1-.09.87-.19.77v1l-.1.58v1.06l-.19.86L245,90.5l-.19,1.25-.19,1-.1.87-.09.76-.19.87-.29.86v1.06l.57.58h1.06l.87-.2,1.05-.28.58-.2,1.82-.48,1.06-.38,1.25-.48,1-.38.87-.49.58-.28.86-.48.86-.39.77-.09.48.38.1.86-.19.77-.29.87-.39.77-.57.57-.77.48-1,.39-.48.28-1.73.87-.86.38-.77.29-1,.39-.58.19-1,.48-.77.29-.77.19-.86.19-1,.29-1,.19-.87.1-.76.19-.58.48L241,105l-.29.86L240.2,107l-1.44,2.88-.29.48-.48.87-.38.86-1,1.54-.38.48-.58.86-.48.68L234.06,117l-.48.77-.58.67-.67.58-.68.67-.57.48-1.25,1.25-1.34,1.15-.77.48-1.06.58-1.15.67-.87.48-.76.39-.87.28-.77.2-.86.28-.87.2-.86.28-1,.1-.58.1-1,.09-.86.1H213.6l-1.15-.19-1.06-.1L209,126l-1.15-.29-.87-.29-.77-.28-.86-.49-1.92-1.34-.77-.67-.58-.58-.67-.57-.58-.58-.57-.77-.67-1-.58-1.06-.48-.86Zm17.1-39.86v2.6l.09,1,.2.86.09.86.58,1.73.29.77.38.87.38.76.48.68.48.86.39.77,1.15,1.34.67.68.39.48,1.34,1.34.67.58.77.57.68.48.76.48.68.48,1,.49.57.19,1.06.48.58.19,1,.38,2.4.77,1,.19.86.2.77-.1.67-.67.39-1.06.57-2.59.19-1.25.1-1.15.1-1,.29-2.6v-.86l.19-1.15V80.13l-.1-1.15-.09-1-.2-1.16-.19-1.24-.38-1.73-.29-.87-.48-1.15-.39-1.06-.38-.86-.48-.77-.48-.67-.48-.48-.58-.67-.76-.58-.68-.48-.77-.38-.86-.39-1.25-.29L227,65.05,225.8,65l-1,.1-1.25.19-1.44.48-1.44.77-1.35.87-1.15,1-.87,1-.38.77-.48,1.15L216,72.73,215.71,74l-.19,1Z"/>
+        <path class="cls-1" d="M275.16,91.85l-.76.38-.68.39-.67.48-.77.57-.67.58-1.54,1.06-.67.48-.67.57-.67.67-1.16,1.35-.67.67-1.15,1.35-1,1.53-.58.77L262.39,105l-1.06,3.17-.28,1.24-.39,1.44-.38,1.25-.58,2.6-.38,1.24-.39,1.45-.28,1.24-.29.87-.29,1.25-.19,1-.29,1-.1.87-.19.77-.29.77-.57.48-.87.28-.86.1-1.25.1L252,126l-1.25-.19-.77-.39-.58-.86-.09-1.06.19-1,.29-1.25.29-1.15.19-.86.29-.87.19-.86.29-.77.29-.87.19-.86.19-.77.19-.86.29-.87.29-.77.38-1.72.19-.77.1-.87.29-.86.19-.87.29-.86.29-1.15.38-1.25.48-1.73.19-.77.2-.86.28-.87.2-.86.28-.77.2-.86.28-.87.29-1.25.29-1.15.19-.86.58-1.73.19-.77.29-.87.38-1.72.68-1,1.24-.67,1.54-.19,1.54.19,1.44.48,1,1,.19,1.16-.19,1-.19.67-.29.86-.19.87-.29.77-.19.86-.29.86-.19.87-.1.58.1.09.38-.48.58-.67.48-.67,1.15-1.35.67-.57,1.25-1.06.67-.58,1.25-1.25,1.92-1.53.77-.48.77-.39.77-.48.77-.29.86-.28,1.25-.29,1.15-.19h2.21l1.54.19,1.05.19.87.38.86.48.67.68.48.67.48.77.39.77.29.86.29,1.15.19,1.16v1.82l-.1.87v.86l-.09.77-.2.86-.19,1-.19.58-.29,1-.29,1.25L287,103l-.39,1.25-.28.86-.29,1.25-.39,1.63-.38,1.54-.38,1.34-.2.87-.19.67-.19.87-.29.86-.19.77-.58,2.59-.09.87v1.72l.38.77.67.48.87.1.86-.29.87-.38.76-.48.68-.48.77-.58,1.24-1.25.48-.67.58-.77.48-.67.67-.77.48-.67.58-.87.86-1.44.58-.86.29-.48.57-.87.48-.86.77-1.54.39-.86.29-.77L298,105l.48-.77.87-.58,1.25.29.76,1v1l-.28.86-.39.77-.38.87-.39.77-.48.76-.38.77-.58.87-.28.57-1,1.73-.19.58-.48.86-1,1.54-.57.86-.39.48-.57.77-.68.87-.57.67-1.06,1.15-.58.67-1.34,1.16-.58.57-.76.58-.77.48-1.54.77-.77.29-.86.28-.87.2-.77.09-1,.1h-.86l-.86-.1-.77-.19-.87-.29-.77-.29-.76-.48-.58-.48-.58-.67-.38-.86-.29-.77-.19-.87-.19-.76v-2.12l.19-1.25.09-1,.29-1.25.87-3.16.29-1.64L277,109l.38-1.54.39-1.25.29-.86.38-1.25.38-1.54.29-1.53.39-1.25.38-1.73.1-.86.38-1.83.1-.86-.19-1-.58-1-.87-.87-.86-.29-.86-.09-.87.09Z"/>
+        <path class="cls-1" d="M327,79.65l-.48.86-.77,1.54-.48,1.06-.67,1-.48.68-.48.76-.48.68-.48.86-.39.58-.48.77-.67.86-.86,1-.87.87-.38.48-.67.76-1.25,1.25-.58.67L315.5,95.5l-.67.57-.77.77-1.05.77-1.44,1.25-.77.48-2.11,1.34L308,101l-.77.48-1.05.87-.67.86-.39.77-.19,1.06-.29,1.72v.58l-.19,1-.19.87-.1,1v2l-.09,1.25v1.92l.19,1.06.09.58.2,1,.38.86.38.77.58.67.77.48.77.29,1,.19H310l.77-.09.86-.29,1.16-.48,1.05-.58.77-.58,1-.76.87-.87,1.15-1.06.77-.67L319,115l.39-.48.57-.76.39-.68.57-.86.39-.48.57-.87.77-1.44.48-.76.58-.87.48-.86.48-1,.86-1.25,1-.77,1.25.19.77,1v1l-.29.87-.38.76-.48.77-.39.87-.38.77-.29.76-.48.77-.38.68-.48.76-.58.87-.19.48-.48.86-.58.77-1,1.35-.67.86-.39.38-.67.87-.57.67-.77,1-.87.77-.67.67-.57.48-.68.58-.86.48-.77.38-.86.39-.77.38-.77.29-.87.38-1.15.39-1.92.38-1.15.1-1.06-.1h-.57l-1-.09-.87-.2-.77-.28-.86-.29-.77-.39-.77-.48-.67-.57-.58-.58-.57-.67-.39-.77-.38-.86-.29-.77-.19-.87-.29-.86-.1-.87-.19-1v-.57l-.19-1.06-.1-.86v-.87l.1-.86.1-1v-.58l.09-1.25.29-2.11.1-1.15v-.87l.19-.86.19-1,.67-3.17.29-1.15.29-1.73.19-.48.29-1.16.19-.57.39-1.44.28-1.25.2-.87.28-1.15.39-1.34.09-.68.39-1.34.38-1.25.29-.67.38-1.25.39-1.15.38-.87,1-2.49.2-.58.57-1.35.67-1.53.48-1.15.39-.87.29-.57.48-.87.67-1.63.48-1,.48-.87.58-.86.76-1.25L311.66,66l.58-.77L313.49,64l.38-.48.67-.67.68-.48,1.53-1.06,1.06-.67,1.06-.48.86-.29.87-.19h1.72l1,.19.58.1,1,.29.77.38,1.34,1.16.48.76.68,1,.48,1.16.38.86.38,1.15.2,1.25v1.73l-.2,2.59L329,74l-.29.77-.19,1L327.7,78l-.38.77Zm-15.94,2.69-1.35,4-.19.87-.29.86-.38,1.25-.67,2-.29,1-.1.57-.29,1-.29.87-.19,1,.19.58.58-.39,1-.77,3.94-3.93.48-.68.48-.77.58-.86.38-.38.58-.87.67-.86.67-1,.67-1.06.48-.77.39-.67.48-.67.77-1.54.38-1,.29-.58.38-1,.39-.86.19-.87.29-.86.29-1.06.38-1,.29-1.06.38-1.06.1-1,.09-.86V68.12l-.19-.76-.29-.77-.67-.48-.77-.19-.86.19-.87.67-.67.58-.48.57-.48.67-.48.77-1,1.44-.48.87-.38.86-.39.77-.38.87-.39.76-.38.87-.29.77-.38,1-.58,1.44-.38.87Z"/>
+        <path class="cls-1" d="M348.16,105.1v1.06l-.29.86-.77,1.54-.86,1.44-.48.86-.39.77-.57.87-.29.57-.48.87-.48.77-.48.67-.58.77-.48.67-1,1.54-1.73,2-1.15,1.25-.67.67-.58.68-.67.57-2.11,1.64-.68.48-.86.38-.86.29-.77.19-1.73.38h-1.63l-1.06-.09-.77-.29-.86-.29-.77-.48-.67-.57-.48-.68-.48-.77-.39-.86-.19-.77-.19-.86-.1-.87v-.86l.19-1.73.2-.86.28-.87.39-1.73.29-.77.19-.86.29-.87.28-.76.87-2.6.09-.77.2-.86.28-.86.2-.87.19-.77.57-1.73.29-1.15.29-1.25.58-1.73.19-.86.19-.67.19-.87.39-1,.29-.77.57-2.59.29-.86.29-1.16.38-1.24.29-.87.39-.77.57-.48.87-.38.76-.1,1,.1,1.73.19,1.54.58.48.67v.86l-.19.87-.29,1.15-.29,1.25-.57,1.73-.2.77-.19.86-.29,1L335.39,97l-1,2.89-.19.86-.38,1.25-.67,2-.2.86-.19.77-.19.86-.67,1.64-.19.86-.68,2.4-.57,1.73-.2.86-.28,1.25-.29,1.54-.19,1.63.19,1.44.77,1.06,1.05.29.87-.1.86-.38.67-.48.77-.58,3.17-3.17.58-.67.48-.67.58-.77,1-1.54.57-.67.39-.58.48-.77.57-.86.39-.86.77-1.64,1.15-2.3.48-.77.86-.48,1.25.19ZM332.7,75.62l.48-.77.76-.67.77-.49,1-.28.87-.2h1l.86.2.77.48.67.57.68.68.48.76.28.87.1.86v1l-.29.87-.48.77L340,81l-.68.58-.77.58-.86.38-1,.19-.86-.09-1-.2-1.54-1-.58-.67-.48-.77-.19-.86-.1-.87.1-.86.19-1Z"/>
+        <path class="cls-1" d="M365.93,91.85l-.77.38-.67.39-.67.48-.77.57-.68.58-1.53,1.06-.67.48-.68.57-.67.67-1.15,1.35-.67.67-1.16,1.35-1,1.53-.57.77L353.15,105l-1,3.17-.29,1.24-.38,1.44-.39,1.25-.57,2.6-.39,1.24-.38,1.45-.29,1.24-.29.87-.29,1.25-.19,1-.29,1-.09.87-.2.77-.28.77-.58.48-.86.28-.87.1-1.25.1-1.44-.1-1.25-.19-.77-.39-.57-.86-.1-1.06.19-1,.29-1.25.29-1.15.19-.86.29-.87.19-.86.29-.77.29-.87.19-.86.19-.77.19-.86.29-.87.29-.77.39-1.72.19-.77.09-.87.29-.86.19-.87.29-.86.29-1.15.38-1.25.48-1.73.2-.77.19-.86.29-.87.19-.86.29-.77.19-.86.29-.87.29-1.25.28-1.15.2-.86.57-1.73.19-.77.29-.87.39-1.72.67-1,1.25-.67,1.53-.19,1.54.19,1.44.48,1,1,.19,1.16-.19,1-.19.67-.29.86-.19.87-.29.77-.19.86-.29.86-.19.87-.1.58.1.09.38-.48.58-.67.48-.67,1.15-1.35.67-.57L360,91.08l.68-.58,1.24-1.25,1.93-1.53.76-.48.77-.39.77-.48.77-.29.86-.28,1.25-.29,1.15-.19h2.21l1.54.19,1.06.19.86.38.87.48.67.68.48.67.48.77.38.77.29.86.29,1.15.19,1.16v1.82l-.1.87v.86l-.09.77-.19.86-.2,1-.19.58-.29,1-.28,1.25-.39,1.44-.38,1.25-.29.86-.29,1.25L376.4,108l-.39,1.54-.38,1.34-.19.87-.2.67-.19.87-.29.86-.19.77-.57,2.59-.1.87v1.72l.38.77.68.48.86.1.87-.29.86-.38.77-.48.67-.48.77-.58L381,118l.48-.67.57-.77.48-.67.68-.77.48-.67.57-.87.87-1.44.57-.86.29-.48.58-.87.48-.86.77-1.54.38-.86.29-.77.29-.86.48-.77.86-.58,1.25.29.77,1v1l-.29.86-.38.77-.39.87-.38.77-.48.76-.39.77-.57.87-.29.57-1,1.73-.19.58-.48.86-1,1.54-.58.86-.38.48-.58.77-.67.87-.58.67-1.06,1.15-.57.67-1.35,1.16-.57.57-.77.58-.77.48-1.54.77-.76.29-.87.28-.86.2-.77.09-1,.1h-.87l-.86-.1-.77-.19-.86-.29-.77-.29-.77-.48-.58-.48-.57-.67-.39-.86-.29-.77-.19-.87-.19-.76v-2.12l.19-1.25.1-1,.29-1.25.86-3.16.29-1.64.38-1.63.39-1.54.38-1.25.29-.86.38-1.25.39-1.54.29-1.53.38-1.25.38-1.73.1-.86.38-1.83.1-.86-.19-1-.58-1-.86-.87-.87-.29-.86-.09-.87.09Z"/>
+        <path class="cls-1" d="M419.71,102.8l-.48.67-1.15,1.34L416.74,106l-.68.48-.86.48-.58.19-1,.57-.57.29-.87.39-1,.29-.86.28-.87.1-1,.19-1.05.1-1.16.19-.86.1h-.87l-1.72-.2-1.73-.09-.87-.1-2.59-.57h-.67l-.48.38-.2.67v.87l-.09,1v1.63l.09,1,.2.77.57,1.73,1,1.53.58.68.58.57,1.53,1,1,.29.87.29.67.1.86.19.87.09h1l.86-.09,2.5-.48.87-.2.86-.28.77-.29,1.63-.67,1.54-.77,1.34-1.06L417,117l.68-.58,1.34-1.24,1.15-1.35.48-.67.58-.77,1-1.34.48-.77.39-.77.48-.77.38-.77.48-.67.38-.77.39-.86.38-.77.48-.77.68-.48h.86l.86.58.48.86-.09.87-.39.86-.48,1.06-.57,1-.48,1.06-.58,1.06-.58,1-1,1.53-.28.58-.58.86-1,1.35-.58.67-.57.58-.58.67-.67.77-.29.38-.67.77-.58.67L417.7,122l-1,.76-.87.77-1.53,1-2.41,1.06-.76.29-.87.29-1.25.19-1.15.29-2,.19-1.25.09-1.05.1h-.87l-3.45-.38-.77-.2-.87-.28-.86-.39-.77-.38-1.54-.87-.76-.38-.68-.58-.67-.67-.38-.48-.68-.77-.57-.67-.48-.77-.39-.67-.38-.87-.29-.76-.29-.87-.19-.86-.19-.77-.19-.87-.29-2.59V110.1l.09-.87v-.86l.58-2.6L389,105l.19-.87.29-.86.19-.87.29-.86.38-1.06.48-1.15.48-.87.58-1,.67-1,.39-.87.48-.67.57-.67,1.44-1.54,1.45-1.44.76-.67.87-.67,1-.68.86-.67,1-.57,1-.48.87-.39,1.25-.58,2-.67,1.73-.38,1.25-.19h2.11l1.25.19,1.54.29,1.25.28.86.29.87.39.76.38.58.39,1.35,1.15.57.67.58,1,.48,1.15.29.87.19.86.09.87v1.15L422,96.46l-.1,1-.29,1.15-.38,1.15-.38,1-.29.48-.48.87ZM408,91.27l-1.35.58-1.15.57-.77.48-1.34,1.16-.87.86-.77.87-.67.76-.67,1.06-.67,1-.48.86-.58,1.06-.38,1.15-.39.87-.29.77-.09.67.48.48,1.25.29,1.92.09,1,.1h2.69l1-.19.86-.19,1-.39.58-.19,1-.48.67-.48.67-.58.68-.67.67-.58.57-.76.48-.68.39-.77.48-.86.58-1.73.19-1,.09-.86-.09-1-.39-.87-.57-.67-.77-.58-.87-.38-.86-.19-.86-.1-1,.19Z"/>
+      </g>
+      <g>
+        <path class="cls-1" d="M72.42,188.94v5.5c0,15.85-4.84,26-15.63,31,13,5.06,18.05,16.73,18.05,33v12.55c0,23.77-12.55,36.54-36.76,36.54H0V153.5H36.54C61.63,153.5,72.42,165.17,72.42,188.94ZM24.21,175.51v40.72h9.47c9,0,14.53-4,14.53-16.28v-8.59c0-11-3.75-15.85-12.33-15.85Zm0,62.74v47.32H38.08c8.15,0,12.55-3.74,12.55-15.18V257c0-14.31-4.62-18.71-15.63-18.71Z"/>
+        <path class="cls-1" d="M87.39,190.48c0-24.65,13-38.74,36.76-38.74s36.76,14.09,36.76,38.74v80.13c0,24.65-13,38.74-36.76,38.74s-36.76-14.09-36.76-38.74Zm24.21,81.67c0,11,4.84,15.19,12.55,15.19s12.55-4.19,12.55-15.19V188.94c0-11-4.85-15.19-12.55-15.19s-12.55,4.18-12.55,15.19Z"/>
+        <path class="cls-1" d="M199.65,153.5V272.37c0,11,4.85,15,12.55,15s12.55-4,12.55-15V153.5h22.89V270.83c0,24.65-12.33,38.74-36.1,38.74s-36.1-14.09-36.1-38.74V153.5Z"/>
+        <path class="cls-1" d="M257.11,153.5H332v22H306.63V307.59H282.42V175.51H257.11Z"/>
+        <path class="cls-1" d="M342.51,153.5h24.21V307.59H342.51Z"/>
+        <path class="cls-1" d="M382.35,190.48c0-24.65,13-38.74,36.76-38.74s36.76,14.09,36.76,38.74v80.13c0,8.58-1.54,15.84-4.62,21.57,1.1,2.86,2.86,3.3,6.82,3.3h2.21v21.57H457c-10.78,0-17.61-4-20.91-10.56a49.64,49.64,0,0,1-16.95,2.86c-23.77,0-36.76-14.09-36.76-38.74Zm24.22,81.67c0,11,4.84,15.19,12.54,15.19s12.55-4.19,12.55-15.19V188.94c0-11-4.84-15.19-12.55-15.19s-12.54,4.18-12.54,15.19Z"/>
+        <path class="cls-1" d="M494.62,153.5V272.37c0,11,4.84,15,12.54,15s12.55-4,12.55-15V153.5H542.6V270.83c0,24.65-12.32,38.74-36.1,38.74s-36.1-14.09-36.1-38.74V153.5Z"/>
+        <path class="cls-1" d="M583.33,218.44h33.23v22H583.33v45.12h41.82v22h-66V153.5h66v22H583.33Z"/>
+      </g>
+      <g>
+        <path class="cls-1" d="M232.18,435.63c2.18,1.13,3.27,1.67,5.48,2.72l-1.53,3.24c-2.26-1.07-3.38-1.62-5.6-2.77l-3.38,6.53c2.92,1.51,4.39,2.23,7.35,3.6L233,452.21c-4.76-2.21-7.12-3.4-11.76-5.95l12.09-22c4,2.22,6.08,3.25,10.21,5.16l-1.5,3.26c-2.68-1.24-4-1.89-6.64-3.25C234.1,431.9,233.46,433.15,232.18,435.63Z"/>
+        <path class="cls-1" d="M258.19,435.05c3.8,1.33,5.09,4.1,3.9,7.94l-.23.75c-1.55-.48-2.33-.73-3.87-1.25l.33-1c.57-1.7.06-2.58-1.21-3s-2.22-.07-2.83,1.62c-1.77,4.85,6.11,8.53,4,15.38-1.19,3.84-4.2,5.36-8.62,3.8s-5.85-4.62-4.38-8.36l.57-1.44c1.62.64,2.43.95,4.06,1.55l-.62,1.68a2.4,2.4,0,1,0,4.52,1.59c1.65-4.89-6.25-8.81-3.63-15.49C251.64,435.06,254.4,433.72,258.19,435.05Z"/>
+        <path class="cls-1" d="M272.24,439.58c4.93,1.25,7.42,1.77,12.41,2.63-.24,1.42-.37,2.12-.61,3.54-1.73-.3-2.59-.46-4.31-.8l-4.2,21.11c-1.86-.37-2.78-.56-4.63-1l4.73-21c-1.71-.39-2.56-.59-4.27-1Z"/>
+        <path class="cls-1" d="M293.27,464.91l-.4,3.78c-1.8-.19-2.71-.3-4.51-.53.2-1.51.29-2.26.49-3.77C290.61,464.62,291.5,464.72,293.27,464.91Z"/>
+        <path class="cls-1" d="M325.25,447.42c-1.32.1-2.11.83-2,2.62.07,1.07.1,1.61.17,2.69-1.62.1-2.43.14-4.06.2,0-1-.05-1.46-.09-2.43-.16-4,1.83-6.36,5.82-6.66s6.32,1.7,6.77,5.69c.89,7.85-7.71,11.56-7.44,15.68a2.33,2.33,0,0,0,.07.53c3.49-.22,5.23-.37,8.71-.76.16,1.43.24,2.14.39,3.57-5.41.6-8.13.8-13.57,1l-.12-3.09c-.29-7.38,8.4-9.16,7.76-16.38C327.46,447.85,326.57,447.32,325.25,447.42Z"/>
+        <path class="cls-1" d="M341.75,448.11c-.69-3.95,1.09-6.56,5-7.4s6.63.82,7.61,4.71c1.28,5.07,1.93,7.6,3.21,12.67,1,3.89-.92,6.78-5.47,7.75s-7.45-.9-8.13-4.86C343.09,455.83,342.64,453.26,341.75,448.11Zm6.78,12.28c.35,1.76,1.4,2.25,2.85,1.94s2.2-1.18,1.8-2.93c-1.2-5.29-1.8-7.94-3-13.23-.4-1.75-1.37-2.22-2.67-1.95s-2,1.11-1.64,2.87Z"/>
+        <path class="cls-1" d="M363.19,439.94c3.1-1,3.31-2.64,3.36-4.45,1.05-.36,1.58-.55,2.63-.93,3.45,9.43,5.18,14.15,8.64,23.58-1.8.66-2.7,1-4.5,1.58-2.46-7.26-3.68-10.89-6.14-18.15-1.25.43-1.88.64-3.14,1Z"/>
+        <path class="cls-1" d="M391.63,443.48l1,2.1a2.43,2.43,0,1,0,4.34-2.17c-1-2-1.52-3-2.54-4.91-.82-1.59-1.93-1.78-3.2-1.14s-1.79,1.63-1,3.25l.33.68c-1.55.75-2.33,1.11-3.89,1.82-2.11-5.44-3.18-8.15-5.34-13.57,4-1.84,6-2.83,9.88-5,.69,1.26,1,1.89,1.71,3.15-2.62,1.43-3.95,2.12-6.62,3.42.93,2.21,1.39,3.32,2.31,5.54a4.45,4.45,0,0,1,2.62-3.36c2.88-1.47,5.3-.5,7.08,2.74L401,441c1.94,3.52.89,6.76-3.36,8.89s-7.45,1-9.11-2.64l-.86-1.89C389.27,444.61,390.06,444.24,391.63,443.48Z"/>
+      </g>
+    </g>
+    <g>
+      <polygon class="cls-1" points="167.66 127 115.99 37.5 509.16 37.5 457.49 127 480.58 127 543.8 17.5 81.35 17.5 144.56 127 167.66 127"/>
+      <polygon class="cls-1" points="337.98 334 312.57 378 287.17 334 264.08 334 312.57 418 361.07 334 337.98 334"/>
+    </g>
+    <g>
+      <path class="cls-1" d="M518.64,127a231.92,231.92,0,0,0-24.92-39l-7.85,6.19A222.67,222.67,0,0,1,507.37,127Z"/>
+      <path class="cls-1" d="M507.32,334q-1.47,2.76-3,5.47a222,222,0,0,1-75.87,78.67l5.27,8.5A232.17,232.17,0,0,0,513,344.42q2.93-5.15,5.58-10.42Z"/>
+    </g>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_HotProducts.svg

@@ -0,0 +1,28 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 226.6 144.39">
+  <title>Hipster</title>
+  <g>
+    <g>
+      <polygon points="46.3 17.26 65.16 36.11 69.27 36.11 48.36 15.2 58.93 11.87 31.1 0 42.97 27.82 46.3 17.26"/>
+      <polygon points="157.33 36.11 161.44 36.11 180.3 17.26 183.63 27.82 195.49 0 167.67 11.87 178.24 15.2 157.33 36.11"/>
+      <polygon points="167.32 121.85 152.75 119.58 150.09 116.93 162.73 117.26 154.56 109.09 139.98 106.82 130.74 97.58 126.62 97.58 137.93 108.88 140.19 123.46 148.36 131.63 148.04 118.99 150.69 121.64 152.96 136.22 161.13 144.39 160.75 129.64 175.49 130.02 167.32 121.85"/>
+      <polygon points="95.86 97.58 86.62 106.82 72.04 109.09 63.87 117.26 76.5 116.93 73.85 119.58 59.27 121.85 51.1 130.02 65.85 129.64 65.47 144.39 73.64 136.22 75.91 121.64 78.56 118.99 78.23 131.63 86.4 123.46 88.67 108.88 99.98 97.58 95.86 97.58"/>
+    </g>
+    <g>
+      <g>
+        <path d="M89.85,13.15l-.29.25-.34.21-.29.21-.34.12-.37.13-.38.08-.34,0-.37,0-.8,0h-.71l-.42,0-.51-.09L84.15,14l-.38-.17-.33-.12-.34-.21-.59-.42-.29-.3L82,12.56l-.21-.33-.21-.3-.17-.33-.16-.38-.09-.38-.08-.33,0-.38V9.75l.12-1.13.09-.38.5-1,.42-.67.25-.26.59-.5.25-.17.33-.21L84,5.18,84.27,5l.34-.17L85,4.64l.5-.17L86,4.34l.37-.12.76-.17.38,0h.33l.76-.09h.79l.38.05h.38l.5,0,2.1.33.37,0,.42,0,.38.08h.38l1.09-.12.38-.09.42-.12.25-.09.42-.21.46-.25.46-.29L98.2,3l.16-.16.34-.3L99,2.29,99.29,2l.46-.13.42-.08h.33l.42,0,.42.08.34.17.33.29.13.38-.13.55L101.8,4l-.17.54-.29.88-.12.51-.13.42L101,6.9l-.12.5-.13.38-.08.34-.13.37-.12.55L100,10.21l-.25,1.14-.13.33-.12.38-.09.33-.12.38-.17.55L99,14l-.12.5-.13.42-.12.5-.13.55-.12.38-.09.33-.12.42-.13.5,0,.63.25.42.55.21.62.13.93.17,1.21.16.88.17.76.13.46.08.33,0,.26-.25.12-.3.09-.29.16-.76.13-.41.08-.51.17-.84.13-.5.08-.38.13-.37,0-.38.25-1.13.13-.38.08-.34.17-.75.12-.38.13-.33.08-.38,0-.38.13-.38.08-.37.09-.34.17-.38.25-.75.08-.34.09-.37.12-.38.13-.34.21-.37.12-.34.13-.38.12-.42.09-.21.12-.46.13-.33.21-.38.21-.29.42-.34.46-.17h.42l.38.09.41.08.38.08.34.17.29.25.13.34-.09.33-.16.38-.21.51-.42,1.25-.17.34-.13.38-.16.33-.13.38-.08.33-.13.38-.08.38-.26.75-.12.51-.17.5-.12.42-.13.34-.25,1.13-.13.37-.08.42,0,.25-.13.42-.08.38-.13.38-.08.38-.09.33-.08.38-.13.38-.08.42-.08.37-.09.3-.08.42-.13.54-.12.51-.05.33.13.17.34,0,.54-.08.67-.17.63-.21.8-.29.5-.21.38-.21.33-.26.42-.25,1.3-1,.42-.34.38-.08.29.08.21.25.09.34,0,.38-.21.46-.33.42-.59.5-.38.29-.16.17-.38.25-.29.25-.38.21-1,.51-.71.33-.38.17-.33.13-.46.12-.26,0-.42.09-.37.12-.42.09-.38.08-.33,0-.26.21-.12.3-.17.75-.13.38-.08.34-.08.37-.13.38-.08.34-.13.41-.12.51-.09.5-.12.38-.09.38-.12.37-.13.51-.17.54-.12.38-.13.33-.12.38-.17.55-.34.5-.59.29-.71.13-.67,0L101.8,31l-.46-.25-.17-.3,0-.5.16-.5.17-.38.17-.54.38-1.14.12-.42.17-.46.08-.5.13-.42.17-.5.25-.88.08-.34.13-.38.12-.54.05-.59-.26-.38-.5-.12-.25,0-1.09-.17-1.51-.25-.92-.21L98.24,21,98,21l-.55,0L97,21l-.17.3-.12.46,0,.25-.13.42-.08.37-.13.34-.12.38L96.1,24l-.08.25-.13.42-.13.38-.5,1-.17.38-.21.5-.25.5-.21.34-.46.71-.17.25-.21.3-.25.29-.25.25-.88.76-.34.21-.29.21-.38.17-.5.16-.5.13-.42.13-.38.08-.46,0h-.67l-.8,0-.38,0h-.33l-.38,0L86,31.18l-.29-.08L85.37,31,85,30.8l-.34-.21-.29-.21-.3-.25-.21-.29-.25-.3-.17-.33-.21-.34-.12-.33-.13-.38-.08-.38V27l.08-.76,0-.33.08-.38.12-.38.09-.33.12-.38.13-.34.17-.37.17-.34.21-.33.25-.34.5-.59.21-.29.25-.29.29-.3,1-.71.21-.13.38-.29L87.5,20l.34-.21.38-.12.33-.17L89.64,19l.34-.13.37-.12,1.14-.25,1.17-.13H93l.71,0,.34,0,.33-.21.13-.34.12-.5.13-.55.08-.37L95,16l.17-.34.08-.37.13-.38.12-.55.13-.67.17-.54.16-.38.13-.55.13-.5.12-.38.09-.37.12-.38.08-.34.13-.37.08-.34L97,9.12l.13-.54.12-.51.17-.75.21-.71.12-.38.09-.34.08-.25-.08,0-.21.13-.34.16L97,6.1l-.34.17-.33.21-.38.13-.38.08-.5.08-.54.05-.76,0h-.42l-.54,0-1.55-.17-.51,0-.33-.09H88.17l-.37.05-1.09.33L86.33,7,86,7.24l-.3.16-.29.21-.34.3-.29.29-.17.34-.17.37-.08.34-.08.38v.42l.08.33.17.38.21.29.29.3.3.21.33.21.38.12.38.08.37,0,.42,0,.38-.08.33-.12.38-.17.34-.17.33-.21.34-.17h.38l.37.17.3.34.21.37,0,.38-.16.34-.25.29Zm-.63,15.64.38-.13.67-.33.29-.3.51-.54.21-.29.25-.3.33-.67.21-.33.17-.34.13-.38.12-.33.17-.34.13-.38.12-.33.21-.76.13-.33.12-.38.17-.75,0-.46-.25-.3-.46,0-.75.17-.38,0-.34.08L91,21.2l-.34.13-.38.12-.67.34-.29.21-.34.25-.29.25-.29.21-.59.5-.21.3-.25.29-.21.38-.21.33-.13.25-.21.38-.16.5-.17.67V27l.12.71.34.54.54.38.63.21.59.08.42,0Z"/>
+        <path d="M122.85,29l-.58.5-.67.42-.34.17-.67.42-.34.17-.75.25-.42.13-.75.12-.26.09-.42.08-.33,0h-.38l-.46,0h-.38l-.75-.08-.46-.13-.38-.12-.29-.13-.38-.12-.34-.17-.67-.42-.29-.25-.5-.59-.21-.34-.17-.33-.21-.34-.25-.75-.17-.76-.08-.75,0-.42,0-.38V24.22l.08-.38.08-.33.09-.38.12-.76.09-.42.08-.37.13-.34.12-.38.17-.37.17-.34.12-.38.21-.5.26-.5.21-.34.25-.33.21-.3.25-.29.42-.67.25-.29.54-.55.59-.5.29-.21L116,15l.38-.26.46-.29.46-.25.33-.17.42-.17.26-.08.46-.17.25-.08.42-.13.38-.08.41,0,.38-.05h1l.67.09.54.08.38.09.38.12.33.17.76.46.46.25.29.25.21.26.25.29.25.33.51.93.12.37,0,.38,0,.34.17.75V19.9l-.09.5,0,.46,0,.42-.25,1.26-.17.59-.13.42-.17.42-.16.46-.13.38-.25.46-.38.75-.21.46,0,.3.34,0h.25l.46,0,.3-.05.37-.08.42-.17.3-.17.67-.41.29-.26.55-.54.5-.59.21-.29.21-.34.21-.29.33-.67.38-.71L131,22l.25-.37.38-.21.5.08.33.38.05.46-.13.38-.5,1-.21.3-.42.67L131,25l-.21.3-.25.33-.21.3-.25.25-.55.58-.25.26-.29.25-.3.21-.33.25-.29.17-.68.33-.37.17-.34.08-1.51.17-.46,0-.38,0-.33-.09-.34,0-.29.13-.29.21Zm-8.3-4.57,0,.5,0,.42,0,.55.09.67.17.67.29.63.29.42.34.29.46.21.63.17h.54l.42,0,.42-.09.38-.17.33-.16.38-.21.34-.21.29-.25.34-.26.16-.29v-.25l-.16-.29-.21-.34-.09-.38.09-.5.16-.5.3-.25.33-.21.38-.05.38.09.29.08.25,0,.17-.25.13-.34.5-1.51.25-1.13.09-.54.12-.72.09-1.42,0-.67-.16-.72-.26-.63-.29-.41-.33-.26-.51-.21-.63-.12-.54,0h-.42l-.34.08-.37.13-.42.25-.34.21-.38.25-.42.33-.29.26-.29.29-.21.29-.25.3-.21.33-.42.59-.21.33L115.35,21l-.13.38-.08.33-.25.76-.09.33-.12.38,0,.38V24Z"/>
+        <path d="M144.37,21.87v.46l-.17.42-.51.92-.16.38-.17.34-.42.67-.17.29-.21.34-.33.62-.17.3-.25.38-.51.58-.21.34-.2.29-.26.3-.79.79-.59.46-.59.51-.33.25-.46.25-.51.21-.37.17-.38.12-.34.09-.37,0h-1.18l-.38,0-.37-.09-.51-.16-.46-.21-.33-.21-.59-.51-.21-.29-.21-.34-.34-.67-.12-.33-.13-.38-.08-.38-.08-.33v-.38l0-.38v-.38l0-.41v-.38l.13-1.13V24l.21-1.89.08-.38,0-.37.17-.76.13-.54.12-.51.09-.37.12-.38.09-.38.12-.38.09-.37.08-.51.17-.54.25-.76v-.33l-.13-.21-.29-.08L132,15.2l-.42-.08-.41-.17-.3-.38-.08-.37,0-.42.08-.34.17-.29.29-.21.55,0,.63,0H133l.42-.13.17-.29.08-.42.09-.33.12-.38.17-.34.17-.38.13-.33.25-.76.17-.75.12-.38.17-.33.25-.76.13-.33.16-.38.13-.38.13-.33.12-.38.17-.34.17-.37.08-.34.13-.38.16-.37.21-.3.34-.21.38-.08.42,0,.5.08.54.13.38.21.34.29.12.47-.08.37-.21.55-.25.58-.21.55-.13.42-.08.25-.13.42-.46,1.38-.12.34-.13.38-.17.54-.25.63-.29.88-.09.38-.17.33-.12.34V13l.25.21.46.09h.42l.71-.05.59,0h1.3l.55,0,.29.26.08.46v.54l-.12.38-.21.29-.3.21-.37.13-.38.08-.42,0-1.13.05h-.46l-.38-.05H136.4l-.25.17-.13.34-.17.5-.16.67-.17.71-.21.68-.17.71-.17.67-.12.59,0,.25-.13.58-.13.47-.12.42-.17.75,0,.5-.09.55-.08.75v1.18l.08.54.09.51.12.37.17.38.21.29.46.3.59.25.46.08h.42l.46-.08,1-.5,1.17-1,.29-.29.21-.26.42-.54.55-.67.21-.29.17-.34.21-.34.25-.33.21-.29.21-.34.17-.34.12-.37.21-.42.21-.34.25-.42.5-.33.55.08Z"/>
+      </g>
+      <g>
+        <path d="M24.31,54.26v6.79c0,8.35-4,12.9-12.23,12.9H8.2V93.56H0V41.36H12.08C20.28,41.36,24.31,45.91,24.31,54.26ZM8.2,48.82V66.49h3.88c2.61,0,4-1.19,4-4.92V53.74c0-3.73-1.42-4.92-4-4.92Z"/>
+        <path d="M45.63,93.56c-.44-1.34-.74-2.16-.74-6.41V78.94c0-4.84-1.64-6.63-5.37-6.63H36.69V93.56H28.48V41.36H40.86c8.5,0,12.16,4,12.16,12v4.11c0,5.37-1.72,8.87-5.37,10.59,4.1,1.71,5.44,5.66,5.44,11.11v8a15.37,15.37,0,0,0,.9,6.34ZM36.69,48.82v16h3.2c3.06,0,4.92-1.34,4.92-5.52V54.19c0-3.73-1.26-5.37-4.17-5.37Z"/>
+        <path d="M57.79,53.89c0-8.35,4.4-13.13,12.45-13.13s12.45,4.78,12.45,13.13V81c0,8.35-4.4,13.12-12.45,13.12S57.79,89.38,57.79,81ZM66,81.55c0,3.73,1.64,5.15,4.25,5.15s4.25-1.42,4.25-5.15V53.36c0-3.72-1.64-5.14-4.25-5.14S66,49.64,66,53.36Z"/>
+        <path d="M88,41.36h13c8.2,0,12.23,4.55,12.23,12.9v26.4c0,8.35-4,12.9-12.23,12.9H88Zm8.21,7.46V86.1h4.62c2.61,0,4.18-1.34,4.18-5.07V53.89c0-3.73-1.57-5.07-4.18-5.07Z"/>
+        <path d="M126.24,41.36V81.63c0,3.72,1.64,5.07,4.25,5.07s4.25-1.35,4.25-5.07V41.36h7.75V81.1c0,8.36-4.17,13.13-12.23,13.13S118,89.46,118,81.1V41.36Z"/>
+        <path d="M171.87,74.1V81c0,8.35-4.18,13.12-12.23,13.12S147.41,89.38,147.41,81V53.89c0-8.35,4.18-13.13,12.23-13.13s12.23,4.78,12.23,13.13V59h-7.75v-5.6c0-3.72-1.65-5.14-4.26-5.14s-4.25,1.42-4.25,5.14V81.55c0,3.73,1.64,5.07,4.25,5.07s4.26-1.34,4.26-5.07V74.1Z"/>
+        <path d="M174.48,41.36h25.35v7.46h-8.57V93.56h-8.21V48.82h-8.57Z"/>
+        <path d="M214.44,40.76c8,0,12.08,4.78,12.08,13.13v1.64h-7.75V53.36c0-3.72-1.49-5.14-4.1-5.14s-4.1,1.42-4.1,5.14c0,10.74,16,12.76,16,27.67,0,8.35-4.18,13.12-12.23,13.12S202.14,89.38,202.14,81V77.82h7.76v3.73c0,3.73,1.64,5.07,4.25,5.07s4.25-1.34,4.25-5.07c0-10.74-16-12.75-16-27.66C202.36,45.54,206.46,40.76,214.44,40.76Z"/>
+      </g>
+    </g>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_InstagramIcon.svg

@@ -0,0 +1,15 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #111;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <path class="cls-1" d="M17.6,17.76H16.38v5h1c.95,0,1.53-.41,1.53-1.71V19.42C18.9,18.26,18.51,17.76,17.6,17.76Z"/>
+    <path class="cls-1" d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0ZM12.2,20.9H9.8V19.16c0-1.15-.51-1.59-1.32-1.59S7.16,18,7.16,19.16V27.9c0,1.15.51,1.57,1.32,1.57S9.8,29.05,9.8,27.9v-3H8.64V22.61H12.2v5.13c0,2.58-1.29,4.06-3.79,4.06s-3.79-1.48-3.79-4.06V19.33c0-2.59,1.3-4.07,3.79-4.07s3.79,1.48,3.79,4.07Zm7,10.72a5,5,0,0,1-.23-2V27.09c0-1.5-.51-2.06-1.66-2.06h-.88v6.59H13.84V15.45h3.83c2.64,0,3.77,1.22,3.77,3.71v1.28c0,1.66-.53,2.74-1.66,3.28,1.27.53,1.68,1.75,1.68,3.44v2.49a4.68,4.68,0,0,0,.28,2Zm9.63,0-.44-2.94H25.22l-.43,2.94H22.45L25,15.45h3.72l2.59,16.17Zm12,0V20L39,31.62h-2.4L34.72,20.18V31.62H32.5V15.45H36L37.9,26.93l1.74-11.48h3.53V31.62Z"/>
+    <polygon class="cls-1" points="25.55 26.49 28 26.49 26.77 18.31 25.55 26.49"/>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_KitchenwareOffer.svg

@@ -0,0 +1,36 @@
+<svg style="fill:#fff" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.91 188.42">
+  <title>Hipster</title>
+  <g>
+    <g>
+      <g>
+        <g>
+          <path d="M13.05,94.66c-2.61,0-4.25,1.42-4.25,5.15v5.59H1.05v-5.07C1.05,92,5.22,87.2,13.28,87.2S25.51,92,25.51,100.33c0,16.4-16.34,22.52-16.34,31.09a5.24,5.24,0,0,0,.08,1.12H24.76V140H1.05v-6.41c0-15.36,16.25-17.9,16.25-33C17.3,95.93,15.66,94.66,13.05,94.66Z"/>
+          <path d="M29.9,100.33C29.9,92,34.3,87.2,42.36,87.2S54.81,92,54.81,100.33v27.14c0,8.35-4.4,13.13-12.45,13.13S29.9,135.82,29.9,127.47ZM38.11,128c0,3.73,1.64,5.15,4.25,5.15s4.25-1.42,4.25-5.15V99.81c0-3.73-1.64-5.15-4.25-5.15s-4.25,1.42-4.25,5.15Z"/>
+          <path d="M59.65,95.78c0-5.37,2.76-8.35,7.91-8.35s7.9,3,7.9,8.35v17.15c0,5.37-2.76,8.35-7.9,8.35s-7.91-3-7.91-8.35Zm5.22,17.52c0,2.31,1,3.28,2.69,3.28s2.68-1,2.68-3.28V95.41c0-2.31-1-3.28-2.68-3.28s-2.69,1-2.69,3.28ZM88.14,87.8H93L72.41,140H67.56Zm-2.61,27.07c0-5.37,2.76-8.35,7.9-8.35s7.91,3,7.91,8.35V132c0,5.37-2.76,8.35-7.91,8.35s-7.9-3-7.9-8.35Zm5.22,17.52c0,2.31,1,3.28,2.68,3.28s2.69-1,2.69-3.28V114.5c0-2.31-1.05-3.28-2.69-3.28s-2.68,1-2.68,3.28Z"/>
+          <path d="M117.74,100.33c0-8.35,4.4-13.13,12.45-13.13s12.46,4.78,12.46,13.13v27.14c0,8.35-4.4,13.13-12.46,13.13s-12.45-4.78-12.45-13.13Zm8.2,27.66c0,3.73,1.64,5.15,4.25,5.15s4.25-1.42,4.25-5.15V99.81c0-3.73-1.64-5.15-4.25-5.15s-4.25,1.42-4.25,5.15Z"/>
+          <path d="M156.14,111h10.59v7.46H156.14V140h-8.2V87.8h21.7v7.46h-13.5Z"/>
+          <path d="M181.79,111h10.59v7.46H181.79V140h-8.2V87.8h21.7v7.46h-13.5Z"/>
+        </g>
+        <rect x="1.05" y="150" width="117.58" height="6.14"/>
+        <rect x="1.05" y="32.28" width="117.58" height="6.14"/>
+      </g>
+      <rect x="1.05" y="16.14" width="77.58" height="6.14"/>
+      <rect x="1.05" width="37.58" height="6.14"/>
+      <rect x="1.05" y="166.14" width="77.58" height="6.14"/>
+      <rect x="1.05" y="182.28" width="37.58" height="6.14"/>
+    </g>
+    <g>
+      <path d="M3.46,67.78l.45.25.29.24.17.33v.33L4,69.59l-.21.33-.33.66L3.34,71l-.17.74,0,.37,0,.42v.37l0,.37.09.37.16.37.21.33.24.29.29.29.33.2.33.17.37.12.37.08H6l.5,0L7,75.28l.37-.17.46-.33.45-.49.45-.54.37-.61.29-.54.21-.49.21-.42.12-.33.12-.37.13-.33.12-.37.16-.53.17-.62.12-.54.25-.74.16-.74.09-.33.12-.37.08-.37.13-.37.08-.33.16-.37.13-.37L12,64.2l.08-.25.08-.41.25-.75,0-.37.09-.37.24-.74.13-.33.08-.37.08-.41.12-.54.13-.49.49-1.48.08-.37L14,57l.08-.42.08-.37.13-.37.12-.33.08-.37.25-.74.08-.37.13-.41.08-.25,0-.33L15,53l-.21.16-.54.54-.57.49-.33.25-.37.25-.21.12-.37.25-.29.21-.33.24-.33.17-.33.2-.33.17-.33.2-.33.17-.61.29-.75.37-.37.12-1,.62-.66.33-.58.49-.29.29-.58.91-.16.37L5,60.57v.82l0,.37.12.38.17.33.28.28.66.42.37.16.42.29.16.53-.16.62-.42.37-.49.13H5.77L5,65.18l-.37-.08L4.33,65,4,64.81l-.29-.16-.33-.21L2.76,64l-.25-.29-.2-.29L2,62.71,1.73,62l-.08-.33,0-.37v-.74l.16-.74.17-.37.12-.33.12-.37.17-.33.49-.58.25-.25.29-.24L3.71,57l.2-.17.66-.49.33-.21.66-.33L6,55.67l.25-.09.54-.24.49-.21.37-.2.5-.21.53-.21.7-.24.37-.17.33-.16.66-.37.33-.17.7-.29.33-.16.33-.25.29-.21.33-.2.33-.17.33-.2,1.15-1,.25-.25.29-.33.16-.2.25-.33.21-.33.28-.25L16.6,49l.37-.12.33-.08h.79l.33,0,.37.12.33.21.24.41,0,.45-.08.38-.08.32-.12.38-.13.32-.16.33-.13.33-.08.37-.12.34-.29.86-.12.49-.13.38-.08.32-.08.42-.17.49-.12.45-.25.83,0,.2-.12.42-.29.86-.12.5-.05.37-.08.37-.12.37-.13.49-.16.5-.12.41-.05.37.25.25.41-.09.42-.12.45-.21.41-.16.33-.21.41-.24.91-.58.29-.21,1.52-1.52.33-.29.21-.29.24-.29.21-.28.25-.29.2-.29.42-.62.37-.62.2-.29.41-.65.25-.46.29-.53.08-.25.29-.58.25-.57.25-.5.2-.37.17-.33.12-.37.12-.33.17-.37.49-.91.33-.24L27.6,49,28,49h.42l.37,0,.41.13.33.2.29.25.16.33,0,.45-.12.33-.13.29-.12.37-.17.33-.2.45-.62,1.24-.12.33-.17.37-.16.33-.17.37-.16.33-.25.33-.25.41-.29.46-.2.37-.62,1-.2.28-.25.29-.29.37-.17.17-.24.37-.21.24-.25.29-.2.25-.29.37-.29.25-.25.29-.33.24-.28.21-.58.49L22,62l-.58.46-.29.2-.32.21-.71.29-.37.16-.33.25-.16.2.21.21.28.21.29.24.29.29.21.29.24.29.21.33.21.29.16.33.17.37.16.74.12.33.17.74.12.37,0,.33.17.74.08.41,0,.37.08.38.13.37.12.49.13.54.08.41.08.37.08.33.13.45.12.33.12.29.13.37.33.66.2.33.33.66.21.29.25.28.53.54.33.25.45.24.5.21.37.12.37.05.33.08.37.08.21.29v.49l-.13.62-.24.45-.29.29-.33.21-.37.08h-.37l-.42-.08-.24,0L25.54,81l-.49-.12-.54-.16-.37-.21-.33-.16-.29-.21-.33-.25-.53-.53-.5-.58-.2-.29-.21-.33-.2-.41-.21-.49-.21-.46L21,76.43l-.16-.37-.13-.33L20.48,75l-.25-1.11-.08-.33,0-.37L20,72.81l-.12-.42-.08-.33-.09-.41,0-.37-.08-.37-.25-.74-.08-.41,0-.25-.12-.45L19,68.69,19,68.36,18.87,68l-.33-.75-.17-.33-.2-.33-.25-.32L17.67,66l-.28-.29-.29-.21-.33-.2-.37-.17-.74-.16-.33.12-.33.29-.21.45-.08.41-.25,1-.08.42-.13.33-.12.37-.08.33L13.6,70l-.09.38-.12.32-.12.38-.13.33-.29.61-.12.33-.16.41-.17.38-.53,1.07-.29.45-.21.33-.21.29-.24.29-.21.2-.25.29-.45.41-.37.33L9.27,77l-.5.25-.57.24-.95.29-.49.08-.46,0H5.44L4,77.75l-.38-.08-.37-.13-.66-.33-.61-.41-.33-.24-.33-.29L1.07,76l-.21-.25-.2-.33-.17-.33L.37,74.7l-.08-.37L.16,74l-.08-.37L0,72.89v-.41l0-.37,0-.42,0-.24L.21,71l.12-.38L.66,70l.62-1,.2-.29.25-.29L2,68.19,2.27,68l.33-.21L3,67.66Z"/>
+      <path d="M39.67,68.56V69l-.12.37-.33.66-.37.61-.21.38-.16.32-.25.38L38.1,72l-.2.37-.21.33-.2.29-.25.33-.21.29-.41.66-.74.86-.49.54-.29.29-.25.29-.29.24-.9.7-.29.21-.37.16-.37.13-.33.08-.75.16h-.7l-.45,0-.33-.12-.37-.12-.33-.21-.29-.25-.2-.29-.21-.32-.16-.38-.09-.32-.08-.38,0-.37v-.37l.08-.74.08-.37.13-.37.16-.74.13-.33.08-.37.12-.37.13-.33L29.58,70l0-.33.08-.37.12-.37.09-.37.08-.33.25-.74.12-.49.12-.54.25-.74.08-.37.09-.29.08-.37.16-.41.13-.33.24-1.11.13-.37.12-.5.16-.53.13-.38.16-.32.25-.21.37-.17.33,0,.41,0,.74.09.66.24.21.29v.37l-.08.37-.13.5-.12.53-.25.74-.08.34-.08.37-.13.41-.12.49-.41,1.24-.08.37-.17.53-.29.87-.08.37-.08.33-.08.37-.29.7-.08.37-.29,1-.25.74-.08.37-.13.54-.12.66-.08.7.08.62.33.45.45.12.37,0,.37-.16.29-.21.33-.24,1.36-1.36.25-.29.21-.29.24-.33.41-.66.25-.29.17-.25L37,71l.25-.38.16-.37.33-.7.5-1,.2-.33.38-.2.53.08ZM33,55.91l.2-.33.33-.28.33-.21.41-.12.38-.09h.41l.37.09.33.2.29.25.28.29.21.33.12.37,0,.37v.41l-.13.37-.2.33-.25.33-.29.25-.33.25-.37.16-.41.08-.37,0L34,58.84l-.65-.41-.25-.29-.21-.33-.08-.37,0-.37,0-.37.08-.41Z"/>
+      <path d="M51.16,68.48v.45l-.16.42-.5.9-.16.37-.16.33-.42.66-.16.29-.21.33-.33.62-.16.29-.25.37-.49.57-.21.33-.21.29L47.5,75l-.79.78-.57.46-.58.49-.33.25-.45.24-.5.21-.37.16-.37.13-.33.08-.37,0H41.69l-.37,0L41,77.71l-.5-.17-.45-.2-.33-.21-.58-.49-.2-.29L38.68,76l-.33-.66L38.23,75l-.13-.37L38,74.29,37.94,74v-.37l0-.37v-.37l0-.41v-.38L38,71v-.37l.21-1.85.08-.37,0-.37.16-.75.13-.53.12-.5.08-.37.13-.37L39,65.1l.12-.37.09-.37.08-.49.16-.54.25-.74v-.33l-.12-.21L39.3,62l-.33,0-.41-.08-.41-.17-.29-.37-.09-.37,0-.41.09-.33.16-.29.29-.21.53,0,.62,0H40l.41-.12.17-.29.08-.41.08-.33.13-.37.16-.33.16-.37.13-.33.25-.74.16-.74.12-.37.17-.33.25-.74.12-.33.16-.37.13-.38.12-.32.13-.38.16-.33.16-.37.09-.33.12-.37.17-.37.2-.29.33-.2.37-.08.41,0,.5.08.53.12.37.21.33.29.13.45-.08.37-.21.54-.25.57-.2.54-.13.41-.08.25-.12.41-.46,1.36-.12.33-.12.37L44.9,57l-.25.61-.28.87-.09.37-.16.33L44,59.5v.29l.24.2.46.09h.41l.7,0,.57,0h1.28l.54,0,.29.24.08.46v.53l-.13.37-.2.29-.29.21-.37.12-.37.08-.41,0-1.12,0h-.45l-.37,0H43.34l-.25.17-.12.33-.17.49-.16.66-.17.7-.2.66-.17.7-.16.66-.13.58,0,.24-.12.58-.13.45L41.4,69l-.17.74,0,.49-.08.54-.08.74v1.15l.08.54.08.49.13.37.16.37.21.29.45.29.58.25.45.08h.41l.46-.08,1-.5,1.15-1,.29-.28.2-.25.42-.54.53-.66.21-.28.16-.33.21-.33.24-.33.21-.29.21-.33.16-.33.13-.37.2-.41.21-.33.24-.41.5-.33.53.08Z"/>
+      <path d="M54.5,77.75l-.33,0-.37-.08-.37-.13-.5-.2-.45-.25-.37-.21-.41-.33-.37-.37L51,75.9l-.25-.29-.25-.25L50.38,75l-.21-.37-.2-.49-.21-.46-.12-.37-.13-.53-.08-.5,0-.41,0-.37v-.74l0-.33,0-.37,0-.42.09-.49.12-.53.12-.38.09-.37.28-.86.21-.46.21-.37.66-1.31.2-.33.41-.58.58-.62.12-.16.29-.33.29-.25.25-.25.29-.24.28-.21.33-.25.29-.2.33-.17.33-.2.29-.17.33-.16.45-.21.87-.25.45-.12.37-.08.37,0,.41,0h.7l.38,0,.53.08.62.16.53.17.38.12.28.17.29.2.29.25.25.29.24.24.17.38.16.45.13.49,0,.41,0,.5-.13.54-.12.37-.16.33-.21.33-.29.41-.29.37-.24.29-.29.24-.33.17-.54.08h-.66L59.81,67l-.41-.29v-.41l.21-.38.29-.45.24-.37.17-.37.08-.33.08-.37v-.33l-.08-.37-.29-.41-.41-.29-.37-.12-.37,0-.37,0-.5.08-.49.16-.37.17-.29.2-.33.25-.29.21-.33.24-.33.37-.29.29-.28.37-.37.46-.25.45-.17.37-.2.33-.17.29-.16.33-.13.37-.12.33-.12.37-.13.54-.12.49-.08.41-.08.5,0,.53,0,.41v.54l0,.66.13.57.12.42.41.82.25.33.25.25.29.25.45.2.49.21.37.08.54.08h.91l.94-.08.37-.08.46-.13.37-.16.45-.25.46-.21,1-.61.42-.33.37-.33.57-.5.5-.57.24-.25.5-.58.41-.57.25-.37.12-.25.29-.46.25-.41.16-.37.29-.53.41-.29.54.08.33.37V69l-.13.33-.16.33-.17.37-.2.42-.29.45-.33.45-.33.5-.62.9-.24.33-.21.29-.29.29-.74.86-.21.29-.24.25-.29.25-.58.41-.25.21-.28.2-.37.29-.33.21-.33.16L59.9,77l-.5.2-.49.17-.46.12-.49.08-.49.13-.75.12-1.11.12-.74-.08Z"/>
+      <path d="M76.54,64.85v-.37l0-.41-.09-.37-.12-.37-.2-.29-.29-.25-.37-.08-.37,0-.38.09-.37.12-.37.21-.24.12-.75.49-.28.25-.25.21-.33.29-.21.2-.37.33-.16.21-.33.29-.29.37-.17.2-.28.37-.21.29-.25.37-.12.25-.25.37-.2.29-.17.37-.12.33-.13.45-.08.21-.25.82-.12.5-.12.53-.08.37-.09.46,0,.24-.12.5-.08.2-.13.42-.08.37-.08.45-.09.25-.16,1.07-.08.45-.17.74-.16.29-.29.21-.54.16-.61.12-.54.09-.41-.09-.5-.2L63.64,77l0-.58.25-1.36,0-.41.12-.41L64.1,74l.12-.74.12-.49.09-.25.12-.5,0-.24.25-.83.08-.24.12-.42.09-.37,0-.37.12-.41.08-.25.13-.49,0-.25.12-.41.25-1.11.12-.5.13-.53.12-.41.25-.62.12-.46.08-.37.13-.33.29-.86.12-.54.16-.82.09-.21.12-.45.12-.37.13-.41,0-.21.16-.41.13-.37.12-.41.08-.25.13-.41.12-.37.25-.62.16-.5,0-.2.17-.5.12-.2.17-.5,0-.2.16-.5,0-.24.17-.5.12-.2.17-.42.12-.37.12-.33.17-.33.25-.74.12-.33.16-.37.21-.49.29-.41.33-.21.37,0,.41,0,.74.08.41.08.33.13.29.25.13.32-.09.38-.12.32-.17.33-.12.37-.16.42,0,.2-.21.54-.33.82-.17.46-.12.41-.12.49-.29.87-.17.45-.08.21-.16.49,0,.21-.17.49-.12.21-.13.41-.12.37-.12.41,0,.25-.13.41-.12.37-.17.46-.24.82-.13.45-.12.41-.12.5-.17.49-.16.41-.13.34L70,64.2l0,.37.08.08.25-.29.29-.33.33-.41.37-.41.2-.17.29-.33.25-.33.37-.37L73,61.6l.42-.33.66-.41.28-.21.46-.24.49-.21.41-.12.5,0h1l.37,0,.41.12.9.45.29.21.29.25.21.28.16.37.13.33.12.38.08.37v.33l0,.37v.74l-.08.53-.08.5-.09.41-.08.33,0,.37-.17.74-.41,1.24-.12.53-.12.37-.17.75-.12.41,0,.24-.13.58-.16.62-.08.25-.13.49-.16.54-.13.45,0,.33,0,.45,0,.25,0,.41.17.33.33.13.37,0,.33-.09.37-.16.33-.25.37-.29.41-.41L80.7,74l.49-.57.25-.33.41-.62.25-.29.21-.37.16-.25.25-.45L83.38,70l.24-.41.21-.41.08-.25.21-.41.2-.33.33-.2.5.08.37.41,0,.45-.16.33-.17.37-.25.42-1.4,2.47-.37.74-.24.37-.17.21-.45.65-.25.29-.54.62-.16.21-.29.33-.58.49-.24.29L80,77l-.29.2L79,77.5l-.74.25-.37.08-.41,0-.54,0-.66-.08-.53-.08-.38-.17L75,77.21l-.37-.49-.2-.49-.17-.37,0-.5v-.78l.08-.62.08-.54.09-.41.08-.33.12-.37.13-.49.12-.54.12-.37.17-.74.12-.54.08-.49.13-.41.25-1,.08-.37L76,67l.08-.25.13-.41.2-.7Z"/>
+      <path d="M97.26,67.57l-.21.29-.49.58-.58.49-.29.21-.37.21-.24.08-.42.24-.24.13-.37.16-.42.13-.37.12-.37,0-.41.08-.45,0-.5.08-.37,0h-.37l-.74-.08-.74,0-.37,0-1.12-.24h-.28l-.21.16-.08.29v.37l0,.41V72l0,.42.08.32.25.75.41.66.25.28.24.25.66.41.42.13.37.12.28,0,.37.08.38,0h.41l.37,0,1.07-.2.37-.08.37-.13.33-.12.7-.29.66-.33.58-.45.29-.21.28-.25.58-.53.5-.58.2-.29.25-.33.41-.57.21-.33.16-.33.21-.33.16-.33.21-.29.16-.33.17-.37.16-.33.21-.33.29-.2h.37l.37.24.2.37,0,.37-.16.37-.21.46-.24.45-.21.45-.25.46-.25.41-.41.66-.12.25-.25.37-.41.57-.25.29-.24.25-.25.29-.29.33-.12.16-.29.33-.25.29-.58.49-.41.33-.37.33-.66.41-1,.46-.33.12-.37.12-.53.09-.5.12-.86.08-.54,0-.45,0H90l-1.49-.17-.33-.08-.37-.13-.37-.16-.33-.16-.66-.38-.33-.16-.28-.25-.29-.29-.17-.2-.29-.33-.24-.29L84.61,75l-.16-.29-.17-.37L84.16,74,84,73.67,84,73.3,83.87,73l-.08-.37-.13-1.11V70.7l0-.37V70L84,68.85l.13-.33.08-.37.12-.37.08-.37.13-.37.16-.46.21-.49.2-.37.25-.45.29-.42.17-.37.2-.28.25-.29.62-.66.61-.62.33-.29.37-.29.42-.29.37-.28.41-.25.41-.21.37-.16.54-.25.86-.29.74-.16.54-.08h.91l.53.08.66.12.54.13.37.12.37.16.33.17.25.16.57.5.25.29.25.41.2.49.13.37.08.37,0,.38v.49l0,.53,0,.42-.13.49-.16.5-.17.41-.12.2-.21.37Zm-5-4.94-.57.25-.5.24-.33.21-.57.5-.38.37-.32.37-.29.33-.29.45-.29.41-.21.37-.24.45-.17.5-.16.37-.13.33,0,.29.21.2.53.13.83,0,.41,0h1.15l.42-.08.37-.08.41-.17.25-.08.41-.21.29-.2.28-.25.29-.29.29-.25.25-.33.2-.28.17-.33.21-.37.24-.75L95,64.4l0-.37,0-.41-.16-.37L94.62,63l-.33-.25-.37-.16-.37-.08-.37,0-.41.09Z"/>
+      <path d="M108.79,62.88l-.33.16-.29.17-.28.2-.33.25-.29.25-.66.45-.29.21-.29.24-.29.29-.49.58L105,66l-.49.57-.41.66-.25.33-.5,1-.45,1.36-.12.54-.17.62-.16.53-.25,1.11-.16.54-.17.62-.12.53-.13.37-.12.54-.08.45-.13.41,0,.37-.08.33-.12.33-.25.21-.37.12-.37,0-.54,0-.62,0-.53-.08L98,77.3l-.25-.37,0-.46.08-.41.13-.53L98,75l.08-.37.13-.37.08-.37.12-.33.13-.37.08-.37.08-.33.08-.37.13-.37.12-.33.16-.75.09-.32,0-.38.12-.37.08-.37.13-.37.12-.49.17-.54.2-.74.08-.33.09-.37.12-.37.08-.37.13-.33.08-.37.12-.37.13-.54.12-.49.08-.37.25-.74.08-.33.13-.38.16-.74.29-.41.53-.29.66-.08.66.08.62.21.41.41.08.5-.08.41-.08.29-.12.37-.09.37-.12.33-.08.37-.13.37-.08.37,0,.25,0,0,.17-.21.24-.29.21-.28.49-.58.29-.25.54-.45.29-.25.53-.54.83-.65.33-.21.33-.16.33-.21.32-.12.38-.13.53-.12.5-.08h.94l.66.08.46.08.37.17.37.2.29.29.2.29.21.33.16.33.13.37.12.49.08.5V64l0,.37v.37l0,.33-.08.37-.09.41-.08.25-.12.41L114,67l-.16.62-.16.53-.13.37-.12.54-.17.7-.16.66L113,71l-.08.37-.08.28-.08.37-.13.38-.08.32-.25,1.12,0,.37V75l.17.33.29.21.37,0,.37-.13.37-.16.33-.21.29-.2.33-.25.53-.54.21-.29.24-.32.21-.29.29-.33.2-.29.25-.37.37-.62.25-.37.12-.21.25-.37.21-.37.33-.66.16-.37.12-.33.13-.37.2-.33.37-.24.54.12.33.41v.41l-.12.37-.17.33-.16.37-.17.33-.2.33-.17.33-.25.37-.12.25-.41.74-.08.25-.21.37-.41.66-.25.37-.16.21-.25.32-.29.38-.25.28-.45.5-.25.29-.57.49-.25.25-.33.25-.33.2-.66.33-.33.12-.37.13-.37.08-.33,0-.41,0h-.37l-.37,0-.33-.08-.37-.12L110,77.5l-.33-.2-.25-.21-.25-.29-.16-.37-.13-.33-.08-.37-.08-.33v-.91l.08-.53,0-.41.13-.54.37-1.36.12-.7.17-.7.16-.66.17-.53.12-.37.16-.54.17-.66.12-.66.17-.53.16-.74,0-.38.17-.78,0-.37-.08-.41-.25-.41-.37-.37-.37-.13-.37,0-.37,0Z"/>
+      <path d="M127.78,74.17l-.29.37-.12.16-.29.33-.49.58-.29.2-.29.25-.29.21-.33.2-.29.21-.33.2-.28.21-.37.12-.33.13-.37.12-.71.21-.37,0-.33.08-.37,0h-.37l-.41,0-.37,0-.37-.08-.33-.13-.37-.16-.29-.25-.29-.2-.49-.58-.21-.33-.16-.37-.08-.33-.09-.37,0-.41v-.37l0-.38v-.37l.09-.74.16-.74,0-.33.33-1.48.25-1,.16-.74.29-.87.12-.49.13-.41.33-1,.2-.7.17-.37.16-.5.13-.49.12-.37.12-.33.17-.37.45-1.36.21-.33.25-.25.32-.16.42-.09h.37l.41,0,.37,0,.37.12.37.16.21.29,0,.33-.09.37-.12.33-.12.37-.13.33-.12.37-.08.33-.46,1.36-.12.41-.37,1-.08.37-.13.33-.08.37-.12.38-.08.33-.09.37-.24.7-.09.37-.24,1-.09.41-.08.37,0,.33-.16.74-.13,1.11v.37l0,.37.09.37.16.33.21.29.28.17.38.12.53,0,.66-.12.66-.29.58-.33.41-.33.33-.25.25-.25.24-.28.33-.42.33-.37.25-.33.29-.45.66-1.24.24-.45.17-.41.2-.45.42-1.24.08-.37.12-.37.17-.37.12-.37.08-.33.13-.37.08-.37.16-.38.13-.33.12-.37.08-.37.37-1.11.13-.33.16-.45L131,62l.17-.45.12-.33.17-.33.25-.25.37-.12.37-.08.41,0,.37,0,.41,0,.37.08.33.2.21.29v.33l-.13.37-.12.33-.29.87-.12.49-.17.37-.12.33-.16.37-.17.5-.12.49-.17.37-.12.54-.21.62-.2.53-.13.37-.16.54-.13.66-.12.53-.08.37-.12.37-.09.37-.24,1-.05.42-.12,1.11,0,.41V74l0,.37.12.37.25.29.33.21.33.12h.41l.37-.08.75-.25.37-.16.33-.17.33-.25.32-.2.29-.25.17-.33,0-.41-.17-.45-.08-.42.12-.49.25-.41.33-.25.45-.12.5,0,.37,0,.25,0,.2-.25.41-.66.21-.45.25-.45.16-.38.17-.32.16-.38.12-.53.29-.87.13-.49.16-.54.08-.37.13-.37.08-.37.08-.49.13-.54.08-.41.08-.54,0-.49v-.41l.08-.74.25-.37.5-.25.65-.08.66,0,.58.2.41.41.17.46v.78l-.08.74-.05.41-.08.75-.08.37-.08.41-.09.37-.12.33-.08.37-.25.74-.12.33-.08.37-.25.74-.17.33-.12.37-.37.74-.08.25-.21.46-.16.32-.17.29-.41.66-.21.29-.24.33-.21.29-.25.29-.12.24.21.21.41.08h.37l.37,0,.7-.2.37-.09.74-.41.33-.25.37-.33.33-.28.33-.37.29-.42.25-.29.24-.32.21-.33.25-.42.24-.45.17-.37.16-.33.25-.29.33-.2.54,0,.28.41v.45l-.12.33-.49,1-.17.37-.29.41-.24.46-.25.33-.21.28-.49.58-.21.25-.49.58-.29.2-.33.25-.41.29-.46.24-1,.46-.37.08-.37,0-.49,0H139.4l-.33-.08-.37-.12-.33,0-.33,0-.29.24-.53.54-.29.21-.33.24-.33.17-.33.2-.29.17-.33.16L135,77l-.37.12-.33.17-.37.12-.41.16-.5.13-.49.08-.41.08h-.41l-.54,0-.62-.12-.53-.17-.37-.16-.38-.33-.28-.37-.21-.37-.16-.54-.17-.62-.12-.66V74l0-.29h-.05l-.2.21Z"/>
+      <path d="M166.26,69.67l-.08.21-.21.41-.21.29-.16.33-.16.37-.17.33-.41.66-.21.29-.2.33-.17.33-.2.33-.25.29-.25.33-.25.28-.45.58-.25.29-.24.25-1.16,1-.33.2-.37.21-.45.2-.5.21-.37.12-.37.08h-.41l-.49,0-.5-.12-.37-.12-.29-.21-.28-.25-.29-.41-.29-.45-.13-.37-.12-.5,0-.53v-.41l0-.54,0-.49-.12-.09-.21.29L155,74l-.41.58-.25.29-.2.28-.25.29-.21.29-.29.25-.24.25-.29.24-.29.21-.33.2-.45.29-.62.29-.66.21-.54.12-.74.08-.41,0-.49-.08-.5-.12-.37-.13-.33-.12-.29-.21-.57-.49-.21-.29-.21-.33-.24-.45-.25-.62-.12-.54,0-.41-.09-.53,0-.66v-.54l0-.41,0-.54.09-.49.12-.41.12-.5.13-.53.12-.37.17-.33.12-.37,1-2,.2-.33.21-.29.21-.33.41-.58.25-.28.53-.62.17-.17.28-.33.58-.49.37-.37.46-.33.57-.45.33-.21.29-.21.37-.16.49-.21.46-.24.41-.21.49-.16.5-.13.41-.12,1-.08.37,0h.5l.82,0,.95.08.9.16.37.09.46.12,1.65.74.28.25.29.2.29.25.25.29.08.45-.16.58-.46.49-.45.29-.33,0-.33-.12-.33-.25-.37-.2-.33-.21-.29-.12-.33-.17-.37-.16-.33-.09-.7-.16-.41-.12-.41-.09h-.83l-.28,0-.42,0-.53.12-1,.37-.41.21-.42.24-.28.21-.33.21-.29.2-.29.25-.33.29-.17.16-.28.33-.25.29-.21.29-.49.58-.21.28-.2.33-.5,1-.2.33-.25.74-.17.37-.16.33-.25,1.12-.12.41-.13,1.11v1.15l0,.42.12.37.16.33.21.33.25.24.37.17.49.08.54,0,.37-.12.66-.33.58-.5.24-.25.29-.24.25-.29.2-.29.25-.29.21-.29.45-.61.21-.29.61-1,.25-.45.29-.54.16-.25.5-1.07.16-.37.09-.29.16-.37.12-.33.13-.37.16-.45.25-.83.16-.45.13-.41.25-.37.41-.21.37-.08.37,0,.37.08.66.33.33.21.16.25,0,.37-.12.33-.08.37-.12.37-.17.74-.12.37-.09.33-.24.74-.09.41,0,.25-.12.49-.08.38-.17.7-.12.49-.08.41-.09.46-.12.61-.12.7,0,.62,0,.54.2.33.42.2.61,0,.5-.16.37-.21.58-.41.28-.29.5-.53.49-.58.41-.58.21-.33.25-.32.08-.25.66-1,.16-.33.21-.33.82-1.65.37-.2.5.08.33.41,0,.41-.16.37Z"/>
+      <path d="M167.58,59.37l-.37-1.11-.05-.37v-.37l.09-.37.16-.37.21-.29.24-.29.29-.24.33-.17.37-.08h.37l.37.08.33.21.25.24.17.33.12.37v1.12l-.08.41v.33l.08.33.21.29.28.28.29.25.29.33.45.54.29.24.54.54.29.33.16.21.29.33.29.24.25.29.41.66.12.37.12.5.13.53,0,.37-.13.37-.16.33-.25.29-.41.66-.25.29-.2.33-.21.29-.25.33-.2.33-.25.32-.21.33-.7,1.4-.12.38-.12.33-.09.37-.08.41-.08.37,0,.37v.41l.16.83.21.32.2.38.29.24.33.21.42.08h.78l.37-.08.37-.12.37-.17.29-.2.62-.42.33-.24.28-.25.25-.25.25-.33.74-.86.62-1,.2-.29.21-.37.21-.33.16-.33.21-.37.12-.25.25-.45.16-.33.13-.33.16-.33.37-.21.54.13.37.41v.45l-.13.37-.32.7-.17.33-.21.33-.33.66-.41.66-.2.37-.17.21-.2.37-.42.66-.49.66-.33.45-.29.41-.49.58-.29.25-.5.49-.33.25-.37.24-.66.33-.37.17-.33.16-.37.13-.33.08-.41.08h-1l-.53,0-.83-.16-.32-.13-.42-.2-.61-.42-.29-.24-.25-.25-.25-.33-.2-.29-.17-.37-.16-.33-.09-.37-.08-.41-.08-.37,0-.37v-.37l.16-1.49.13-.37.12-.33.17-.37.2-.45.25-.45.2-.37.29-.46.29-.41.21-.37.24-.45.33-.46.25-.33.33-.57.45-.66.21-.46.12-.61-.08-.5-.41-.66-.25-.33-.66-.74-.24-.29-.33-.24-.33.08-.17.37-.08.37-.12.37-.09.37-.08.33-.12.37-.37,1-.13.37-.12.33-.12.37-.21.5-.21.45-.16.37-.21.5-.2.45-.21.41-.21.45-.24.46-.21.33-.25.2h-.37l-.33-.2-.24-.29,0-.33.12-.37.17-.37.12-.33.12-.37.33-.75.13-.24.16-.42.17-.32.12-.38.16-.37.13-.37.12-.33.33-.74.08-.37.13-.37.08-.37.17-.37.08-.37.08-.33.08-.37.13-.37.08-.41v-.38l-.08-.32Z"/>
+      <path d="M193,67.57l-.2.29-.5.58-.57.49-.29.21-.37.21-.25.08-.41.24-.25.13-.37.16-.41.13-.37.12-.37,0-.42.08-.45,0-.49.08-.37,0h-.38l-.74-.08-.74,0-.37,0-1.11-.24h-.29l-.21.16-.08.29v.37l0,.41V72l0,.42.08.32.25.75.41.66.25.28.25.25.66.41.41.13.37.12.29,0,.37.08.37,0h.41l.37,0,1.07-.2.37-.08.38-.13.32-.12.71-.29.65-.33.58-.45.29-.21.29-.25.57-.53.5-.58.21-.29.24-.33.41-.57.21-.33.17-.33.2-.33.17-.33.2-.29.17-.33.16-.37.17-.33.2-.33L196,68h.37l.37.24.21.37,0,.37-.17.37-.2.46-.25.45-.21.45-.24.46-.25.41-.41.66-.13.25-.24.37-.42.57-.24.29-.25.25-.25.29-.29.33-.12.16-.29.33-.25.29-.57.49-.41.33-.37.33-.66.41-1,.46-.33.12-.37.12-.54.09-.49.12-.87.08-.54,0L186,78h-.37l-1.48-.17-.33-.08-.37-.13-.37-.16-.33-.16-.66-.38-.33-.16-.29-.25-.29-.29-.16-.2-.29-.33-.25-.29-.2-.33-.17-.29-.16-.37-.13-.33-.12-.37-.08-.37-.09-.33-.08-.37-.12-1.11V70.7l0-.37V70l.25-1.11.12-.33.08-.37.13-.37.08-.37.12-.37.17-.46.2-.49.21-.37.25-.45.28-.42.17-.37.2-.28.25-.29.62-.66.62-.62.33-.29.37-.29.41-.29.37-.28.41-.25.42-.21.37-.16.53-.25.87-.29.74-.16.53-.08h.91l.54.08.65.12.54.13.37.12.37.16.33.17.25.16.58.5.24.29.25.41.21.49.12.37.08.37,0,.38v.49l0,.53,0,.42-.12.49-.17.5-.16.41-.13.2-.2.37Zm-5-4.94-.58.25-.49.24-.33.21-.58.5-.37.37-.33.37-.29.33-.29.45-.29.41-.2.37-.25.45-.16.5-.17.37-.12.33,0,.29.2.2.54.13.82,0,.41,0h1.16l.41-.08.37-.08.41-.17.25-.08.41-.21.29-.2.29-.25.29-.29.28-.25.25-.33.21-.28.16-.33.21-.37.25-.75.08-.41,0-.37,0-.41-.17-.37-.24-.29-.33-.25-.37-.16-.37-.08-.38,0-.41.09Z"/>
+    </g>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_NavLogo.svg

@@ -0,0 +1,36 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 316.16 60">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #4cc8c6;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <g>
+      <path class="cls-1" d="M28.65,5.77A22.07,22.07,0,1,1,6.58,27.84,22.09,22.09,0,0,1,28.65,5.77m0-5.77A27.84,27.84,0,1,0,56.48,27.84,27.83,27.83,0,0,0,28.65,0Z"/>
+      <path class="cls-1" d="M47.3,16.15,28.65,48.46,10,16.15H47.3m10-5.77H0L28.65,60,57.29,10.38Z"/>
+    </g>
+    <g>
+      <path class="cls-2" d="M76.11,20.82c0-5.61,3-8.82,8.38-8.82s8.37,3.21,8.37,8.82V39.08c0,5.61-3,8.82-8.37,8.82s-8.38-3.21-8.38-8.82Zm5.52,18.61c0,2.5,1.1,3.46,2.86,3.46s2.85-1,2.85-3.46v-19c0-2.5-1.1-3.46-2.85-3.46s-2.86,1-2.86,3.46Z"/>
+      <path class="cls-2" d="M101.33,22.08V47.5h-5V12.4h6.92l5.66,21v-21h4.92V47.5H108.2Z"/>
+      <path class="cls-2" d="M117.82,12.4h5.52V42.48h9.08v5h-14.6Z"/>
+      <path class="cls-2" d="M134.82,12.4h5.52V47.5h-5.52Z"/>
+      <path class="cls-2" d="M149.26,22.08V47.5h-5V12.4h6.92l5.66,21v-21h4.91V47.5h-5.66Z"/>
+      <path class="cls-2" d="M171.27,27.19h7.57v5h-7.57V42.48h9.53v5H165.75V12.4H180.8v5h-9.53Z"/>
+      <path class="cls-2" d="M191.22,12.4c5.12,0,6.77,2.56,6.77,7.27v2.26c0,3.91-1.05,6.27-5,6.87,4.16.6,5.72,3.46,5.72,7.52v3.11c0,5-2.11,8.07-7.42,8.07H184.2V12.4Zm-1.35,16c4.86,0,7-1.16,7-6.27V19.72c0-4.11-1.25-6.27-5.67-6.27h-5.91v14.9Zm1.41,18.1c4.61,0,6.31-2.61,6.31-7V36.27c0-5.07-2.4-6.92-7.22-6.92h-5.06v17.1Z"/>
+      <path class="cls-2" d="M202.55,21c0-5.81,2.56-8.87,7.43-8.87s7.52,3.06,7.52,8.87V38.87c0,5.82-2.56,8.88-7.52,8.88s-7.43-3.06-7.43-8.88Zm1.11,17.91c0,5.16,2.15,7.82,6.32,7.82s6.41-2.66,6.41-7.82V21c0-5.17-2.2-7.83-6.41-7.83s-6.32,2.66-6.32,7.83Z"/>
+      <path class="cls-2" d="M222.51,38.87c0,4.22,1.5,7.88,6.17,7.88s6.16-3.66,6.16-7.88V12.4h1.06V38.82c0,4.82-1.91,8.93-7.22,8.93s-7.27-4.11-7.27-8.93V12.4h1.1Z"/>
+      <path class="cls-2" d="M246.63,47.5v-34H239v-1H255.4v1h-7.67V47.5Z"/>
+      <path class="cls-2" d="M259.71,12.4V47.5h-1.1V12.4Z"/>
+      <path class="cls-2" d="M278.66,21V38.87a10.14,10.14,0,0,1-1.9,6.47A3.33,3.33,0,0,0,280,47h.55v1H280a4.16,4.16,0,0,1-3.92-2,7,7,0,0,1-4.91,1.71c-5.36,0-7.47-4-7.47-8.88V21c0-4.91,2.11-8.87,7.47-8.87S278.66,16.11,278.66,21Zm-13.89,0v18c0,4.31,1.71,7.82,6.37,7.82s6.42-3.51,6.42-7.82V21c0-4.32-1.76-7.83-6.42-7.83S264.77,16.66,264.77,21Z"/>
+      <path class="cls-2" d="M285.43,38.87c0,4.22,1.5,7.88,6.17,7.88s6.16-3.66,6.16-7.88V12.4h1.06V38.82c0,4.82-1.91,8.93-7.22,8.93s-7.27-4.11-7.27-8.93V12.4h1.1Z"/>
+      <path class="cls-2" d="M314.21,29.2v1H303.88V46.45h12.28v1H302.78V12.4h13.38v1H303.88V29.2Z"/>
+    </g>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_OtherProducts.svg

@@ -0,0 +1,36 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 234 79.59">
+  <title>Hipster</title>
+  <g>
+    <g>
+      <g>
+        <path d="M60.37,21.6l.09.3,0,.27c0,.1,0,.15-.08.26l0,.25c-.06.28-.1.42-.16.69,0,.12,0,.18-.07.29-.07.29-.1.43-.16.72,0,.11-.05.16-.08.26l-.05.25c0,.1-.07.15-.11.24s-.06.16-.11.27l-.07.17-.12.3-.07.17-.1.3c0,.09-.07.14-.11.24s-.08.2-.14.34l-.18.32-.11.24c-.06.09-.09.13-.14.22l-.49.62-.15.2-.38.36-.22.16-.21.12-.46.27-.25.08-.24.11-.25.08-.26.06h-.28l-.24,0h-.27l-.23,0-.27-.06-.22-.11-.25-.09-.2-.14-.21-.17L53.26,29l-.16-.19-.16-.21-.1-.2-.11-.23-.09-.24-.11-.23-.34-1c-.06-.3-.09-.45-.16-.75L52,25.73l0-.26-.06-.36-.08-.33,0-.29,0-.52,0-.35c0-.15,0-.22-.06-.37,0-.41,0-.62-.09-1v-.8c0-.15,0-.22,0-.36s0-.21,0-.35l0-.29c0-.15,0-.23,0-.38s0-.21,0-.35v-.27l0-.26v-.27l-.1-.32L51,18.4l-.4.08-.3.27-.12.43c0,.27,0,.4,0,.67s0,.23-.07.38c-.1.37-.16.55-.26.93-.07.15-.1.23-.16.38l-.07.17c0,.12-.06.18-.09.3l-.33.74c-.14.25-.22.37-.36.61l-.18.24-.15.21-.22.2L48,24.3l-.33.34-.29.25-.25.21-.27.25-.19.25-.07.27v.24c0,.12,0,.18-.06.29,0,.3,0,.44,0,.74l-.05.56,0,.23,0,.25,0,.29-.07.24-.06.26-.09.25-.07.24c-.11.33-.16.49-.26.82,0,.15-.07.23-.11.38l-.12.28-.12.26-.13.23-.15.27-.14.21-.13.23-.26.41-.16.21-.14.21-.17.22-.18.19-.2.21-.18.19a1.81,1.81,0,0,0-.21.18l-.19.16-.24.19-.29.21-.34.2-.76.32-.23.12-.25.11-.25.07-.28.09-.75.14-.26,0h-.32l-.25,0-.23,0-.51-.06-.27,0-.25,0-.5-.18-.49-.22L36.5,35l-.31-.2-.29-.21-.24-.17-.25-.26-.28-.25L35,33.67l-.16-.21-.17-.23-.28-.4-.19-.29L34,32.22,33.83,32l-.1-.23-.1-.29-.07-.16-.09-.27-.1-.23-.18-.54,0-.16-.09-.27L33,29.6l-.05-.25,0-.27-.05-.26,0-.23c0-.22,0-.32,0-.54v-.37c0-.14,0-.21,0-.35a2.62,2.62,0,0,1,0-.28l0-.26,0-.27,0-.25L33,26c.08-.11.12-.16.19-.27l.41-.24.47-.08.48.07.3.23.12.29a2.62,2.62,0,0,1,0,.28l0,.26c0,.21,0,.32,0,.54v.24l0,.27,0,.26,0,.27,0,.23.05.25,0,.27,0,.26.06.22.08.24.11.26.22.74.22.49.14.18.15.25.1.23.13.22.15.21.26.28.25.27.21.18.4.32.22.15.22.12.24.11.26.07.5.1.27,0h.36l.4,0,.32-.08.24-.1.51-.18.26-.14.31-.19.29-.24.24-.19.2-.2.18-.2.28-.41.16-.25.1-.22.13-.24.3-.69.1-.25c0-.12.07-.18.11-.29l.1-.25L44,29.4l0-.25.06-.27c0-.2,0-.3.06-.5l0-.29v-.24c0-.11,0-.17,0-.28l0-.25.06-.27-.06-.31L44,26.57h-.36l-.18,0-.33.07-.35,0-.37.06-.34,0H40.66l-.27,0-.3,0L39,26.66l-.27,0-.52-.14-.49-.2-.24-.11-.24-.08L37,26l-.23-.09-.25-.11-.22-.12-.23-.15-.21-.15-.22-.13-.2-.15-.21-.19-.21-.16-.21-.18-.25-.26L34.4,24l-.17-.23-.16-.21-.15-.18L33.67,23l-.21-.47-.09-.3L33.3,22l-.09-.21,0-.23c0-.21,0-.31-.08-.52v-.24c0-.26,0-.38,0-.63l0-.37.08-.3.06-.18.18-.57.07-.24.11-.24.29-.48.15-.22.19-.2.22-.24.27-.27.32-.25.26-.2.36-.24.45-.27.37-.21.29-.15.26-.13,1.4-.41.41-.1.39-.06.7-.06h.7l.29,0,.28,0,.26,0L42,15l.24.09.25.12.23.15.44.26.22.16.27.26.3.25.33.36.18.21.11.23.3.43.17.3.18.32.13.25.23.46.24.66L46,20l.09.26.06.34.1.36c0,.2.07.3.11.5l.07.27.07.37c0,.14,0,.21,0,.35l0,.26V23c0,.2,0,.31.06.51l0,.2.1,0,.19-.1.17-.15.2-.19.22-.2.17-.24.22-.29c.08-.12.11-.19.19-.31l.16-.27.15-.32.17-.33.07-.26.11-.25.08-.24c0-.14.06-.22.11-.36s0-.2.08-.33,0-.17,0-.28l.12-.52c0-.13,0-.19,0-.32L49,18.51l-.22-.16-.2-.2L48.43,18l-.12-.26,0-.26,0-.28c0-.1.07-.15.11-.24l.19-.22.26-.12.28-.06.28,0,.27.12.24.12.27,0,.33,0,.3-.07.23-.11.14-.16.06-.23,0-.26v-.51c0-.2,0-.31,0-.52V14.7l0-.24v-.27c0-.21,0-.32,0-.52v-.51l0-.26v-.23l0-.26v-.28l.09-.26.17-.17.29-.16.27-.11.31-.07.58-.07.28,0,.29.09.19.18.07.21v.53l0,.29,0,.31v.18c0,.12,0,.18,0,.31s0,.35,0,.58l0,.29,0,.22,0,.28c0,.33,0,.49,0,.81l0,.23.12.08.25,0,.27-.09.29-.12.52-.22.29-.12.51-.15.52-.22.25-.14.24-.07.26.1.21.29.16.31,0,.25,0,.28-.13.18-.25.17-.22.09-.27.09-.78.32-.31.13-.19,0-.29.12-.25.11-.8.25-.22.13-.13.19-.06.22,0,.26v.51l0,.26,0,.24v.27c0,.31,0,.47.06.78v.27l0,.24c0,.42.05.63.09,1v.23c0,.21,0,.31,0,.52v.27l0,.52,0,.22v.27l0,.26v.27l.1.5.06.28.05.25,0,.22.05.25.33,1,.13.22.17.22.12.19.19.18.25.1.24.06H56l.26-.08.24-.11.2-.15.38-.36.18-.2.17-.24.17-.26.24-.4L58,25.9l.11-.24.09-.24.33-.72c0-.11.06-.16.11-.27l.08-.23.08-.26.08-.23.08-.26.07-.29.09-.23.07-.26.09-.23,0-.28,0-.25c.05-.11.07-.16.11-.27l.22-.21.39-.06ZM44.14,23.94c0-.14,0-.2-.06-.34l0-.37c0-.21,0-.31-.06-.52l-.09-.24-.12-.5-.06-.33-.1-.36-.19-.5-.07-.27-.06-.16-.08-.3-.13-.35-.15-.3-.16-.24-.12-.23-.11-.2-.12-.23-.18-.2-.14-.19-.17-.2c-.14-.14-.21-.21-.34-.36l-.4-.33L41,17.07l-.26-.14-.16-.06-.29-.13-.38-.1h-.38l-.59.05-.29,0-.28.08-.83.33-.26.14-.25.16-.47.37-.19.2-.19.23-.15.22-.13.26c-.08.21-.12.31-.21.51a2.14,2.14,0,0,1-.06.27,2.83,2.83,0,0,1,0,.29V20c0,.21,0,.31.08.52l0,.28c0,.14,0,.21.07.34l.14.34.08.27.1.23.15.21.19.29.2.32.16.21.17.17.18.2.18.17.2.16.46.3.31.18.32.14.29.12.24.09.24.11.74.19.28,0,.32,0,.15,0,.32,0h.3l.38,0,.35,0,.29,0h.3l.28,0,.75-.11.23-.08.13-.18,0-.21C44.18,24.25,44.17,24.15,44.14,23.94Z"/>
+        <path d="M65.36,17.64l-.07-.24-.1-.27-.12-.23-.15-.22-.2-.15-.25-.11-.28,0-.26.09-.25.13-.25.15a2.29,2.29,0,0,1-.23.21l-.15.13c-.18.19-.26.29-.44.47l-.16.22-.14.19-.18.25-.11.18-.2.29-.08.17-.18.26c-.05.12-.08.18-.14.3l-.07.17-.14.3-.09.23-.1.3,0,.18c0,.12-.06.18-.11.3l-.09.23a2.7,2.7,0,0,1,0,.28l0,.24V22l0,.15c0,.24,0,.36,0,.59v.35l0,.38,0,.26,0,.32,0,.17c0,.14,0,.21,0,.35l0,.15v.55l0,.32v.18l.1.73,0,.32c0,.2,0,.31,0,.52l-.06.22-.15.19-.34.22-.39.21-.35.16-.29,0-.38,0-.32-.17-.15-.37c0-.37-.07-.56-.11-.94l-.06-.28v-.44c0-.21,0-.31-.07-.51s0-.21,0-.35v-.18c0-.14,0-.21,0-.35l0-.17v-.77c0-.12,0-.18,0-.3l0-.26L58.23,23v-.83l0-.17v-.29l0-.78v-.35c0-.15,0-.23,0-.38v-.3c0-.18,0-.27.06-.45s0-.2,0-.33V18.9l0-.24c0-.25,0-.38,0-.63s0-.23,0-.38,0-.34,0-.57l0-.16v-1c0-.12,0-.18,0-.3l0-.27v-.78l0-.27c0-.18,0-.27.06-.46s0-.21,0-.36v-.14c0-.14,0-.22,0-.36l0-.16c0-.15,0-.22,0-.36v-.15c0-.14,0-.21,0-.36l0-.17c0-.14,0-.21,0-.36l0-.16.05-.3,0-.27,0-.25.06-.25c0-.21,0-.32,0-.54l0-.24,0-.28.07-.37.13-.33.21-.21.27-.1L59.86,8l.57-.1.32,0,.27,0,.26.1.15.19v.27l0,.24L61.34,9l0,.27-.05.3v.15c0,.16,0,.24-.06.39s-.05.37-.09.61,0,.2,0,.34l0,.29v.36L61,12.3c0,.14,0,.2,0,.34l0,.15c0,.14,0,.21,0,.36v.14c0,.15,0,.22,0,.36l0,.16,0,.3,0,.27v.76l0,.27c0,.14,0,.2,0,.33s0,.36,0,.6v1c0,.14,0,.21,0,.36s0,.18,0,.3l0,.24,0,.27,0,.26.08,0,.12-.24.14-.27c.06-.14.1-.21.16-.34s.11-.21.19-.35l.11-.15.15-.27c0-.11.07-.16.11-.27l.2-.32c.13-.15.19-.22.31-.38l.24-.3.4-.4.17-.19L63.3,15l.32-.23.28-.17.35-.12.69-.18.27,0h.32l.74.14.24.08.25.11.2.16.18.21.14.2.15.22.12.23.06.22,0,.26.12.49c0,.15,0,.22,0,.37l0,.34v.52l0,.26c0,.21,0,.31,0,.52,0,.36,0,.53-.08.89v.38l0,.27c0,.21,0,.31,0,.52v.46c0,.17,0,.25,0,.41s0,.26,0,.44v.18c0,.14,0,.21,0,.35s0,.23,0,.38,0,.19,0,.32l0,.23.05.31v.17l.1.26.17.19.25,0,.26,0,.22-.11.22-.18.19-.22c.08-.1.13-.15.21-.26l.22-.34.2-.28.25-.47c0-.1.07-.16.12-.26l.18-.48.13-.24c0-.11,0-.16.08-.28l.08-.19.1-.34.28-.88c0-.13.07-.19.11-.32s0-.18.08-.31l0-.17c0-.13,0-.19.08-.31l.1-.26.2-.19.36,0,.33.21.1.3-.07.24c0,.11,0,.17-.06.28l-.11.31-.6,1.88c-.06.22-.08.33-.14.55s-.07.18-.11.29l-.09.17-.21.51-.12.23-.27.5-.08.17-.15.27-.31.42c-.05.1-.08.14-.12.24a2,2,0,0,0-.19.22l-.16.18-.4.34-.47.29-.24.12-.27.1-.36.12-.46.07-.38,0-.29,0-.34-.17-.34-.26-.23-.29-.18-.21L65.57,25l-.14-.52-.05-.42,0-.37,0-.29V23.2l0-.27v-.35c0-.15,0-.23,0-.38l0-.27c0-.21,0-.31,0-.52s0-.22,0-.38l0-.34,0-.29v-1l0-.3V19l0-.29c0-.21,0-.31,0-.51S65.36,17.85,65.36,17.64Z"/>
+        <path d="M80.58,16.14l-.12.22c-.11.18-.16.27-.28.45l-.34.41-.18.18-.24.19-.16.09L79,17.9l-.15.12-.25.16-.27.14-.25.14-.25.08-.28.11-.32.1-.34.12-.25.09-.27.05-.53.06-.53.08-.27,0h-.82l-.2,0-.12.14,0,.21.06.25,0,.28.1.47.09.26.11.21.28.46.39.38.21.15.21.13.52.17.3,0,.28,0h.47l.26,0,.29-.06.25-.08.72-.29.25-.1.24-.14.21-.13.45-.29L80,21l.34-.38.18-.18.17-.2c.13-.18.2-.26.34-.44l.27-.45.11-.22c.06-.1.08-.15.14-.26s.13-.26.22-.44l.1-.25.08-.24a2.72,2.72,0,0,1,.11-.25l.07-.24.11-.22.08-.24.08-.27.07-.25a2.72,2.72,0,0,0,.11-.25l.18-.17L83,16l.29.12.19.23,0,.25-.08.27c0,.14,0,.2-.09.34s-.08.2-.12.33l-.1.33-.12.34-.12.31c-.09.19-.13.29-.22.49l0,.18c-.06.12-.08.17-.13.29s-.14.26-.22.44-.09.13-.14.22l-.15.2-.13.23-.16.25-.07.13-.16.26-.14.23-.34.4-.24.28-.22.27-.4.37-.65.44-.21.13-.24.13-.36.13-.33.15-.58.18-.36.11-.31.09-.26.05-1,.11h-.24l-.27,0L75,24.15l-.25-.06-.51-.15L74,23.89l-.23-.12-.25-.15-.14-.11-.25-.18-.22-.15L72.71,23l-.16-.16-.17-.22-.14-.2-.14-.23L72,22l-.11-.21-.11-.23c-.11-.29-.16-.43-.26-.72l-.13-.52,0-.26,0-.24V19l0-.24v-.26l0-.26V18l0-.27.05-.33L71.5,17c0-.11,0-.16.09-.28s.07-.2.11-.34l.14-.32a2.8,2.8,0,0,0,.06-.28l.11-.22c0-.1.08-.14.13-.23l.35-.55.35-.51L73,14l.23-.26.25-.25.23-.25L74,13l.27-.21.25-.16.36-.25.59-.33.52-.22.38-.13.66-.14.4,0h.91l.29,0,.29.06.26.06.2.08.49.25.21.16.24.25.21.3.13.24.11.23.07.25.06.33c0,.15,0,.22,0,.37l0,.28c0,.14,0,.21,0,.35s0,.21-.06.35,0,.18-.06.3l-.07.16-.1.27Zm-4.27-2.62-.39.26L75.6,14l-.21.18-.35.42c-.09.12-.13.19-.21.31l-.19.3c-.06.1-.09.16-.16.26s-.08.21-.14.35l-.15.32c0,.11,0,.17-.09.28s-.07.2-.11.34l0,.36-.06.27,0,.24v.2L74,18h.4l.59-.09.3,0,.82-.17.28-.12.25-.11.27-.17.17-.09.27-.2.17-.18.18-.21.16-.23.18-.21.13-.25.11-.23.07-.24.1-.28c0-.21,0-.32.09-.53v-.29l0-.26-.08-.27-.17-.22-.22-.16-.27-.12-.29-.06h-.28l-.27,0-.29.11Z"/>
+        <path d="M83.1,10l-.4-.7L82.62,9l0-.25,0-.26.08-.27L82.8,8,83,7.82l.19-.21.23-.15.26-.1.28,0h.29l.27.1.21.13.15.21L85,8l.11.76V9l0,.23.1.21.18.17.24.16.24.14.25.19.39.31.24.13.44.31.25.19.14.12.24.19.24.14.21.17.36.4.13.24c0,.13.08.19.14.32s.08.21.14.35v.26l0,.26-.09.24-.15.22-.23.49-.15.22-.12.25-.11.21-.15.25-.11.25-.15.25-.11.24c-.14.41-.21.62-.36,1l0,.26-.06.24,0,.26v.29l0,.26v.25l0,.28.2.54.18.2.19.23.22.13.26.11h.29l.55-.08.25-.1.25-.12.24-.15.19-.16.39-.34.21-.2.18-.2.15-.19.15-.25.44-.66.35-.72.12-.22.12-.27.12-.24.08-.24.12-.27.07-.18.13-.33.09-.24.07-.23.09-.24.25-.18.39,0,.3.25,0,.31-.06.26-.18.5a1.7,1.7,0,0,1-.09.24l-.12.24-.18.48c-.09.19-.14.29-.24.48a2.18,2.18,0,0,1-.11.27l-.1.16c0,.11-.07.16-.11.27l-.24.48c-.11.2-.17.3-.29.5l-.19.33-.16.31-.3.44-.18.19-.3.39-.21.2-.23.2-.43.29-.24.15-.21.14-.25.12-.22.09-.28.1-.66.1-.37,0-.59,0-.24,0-.31-.1-.48-.21L86,21.48l-.19-.14-.21-.19L85.45,21l-.16-.23-.15-.21L85,20.3l-.1-.27-.1-.24-.07-.24,0-.25,0-1,0-.27,0-.23.07-.27.1-.34.13-.33.1-.27c.06-.14.1-.21.16-.34l.16-.32c0-.11.06-.16.11-.27l.12-.33c.08-.14.12-.21.19-.35l.15-.25.17-.43c.1-.2.16-.29.26-.49l.1-.33c0-.18,0-.26,0-.43l-.12-.33-.36-.4-.22-.19-.56-.43-.21-.17-.27-.12-.23.09-.08.27,0,.26,0,.27,0,.26,0,.23,0,.26c-.06.29-.1.43-.16.72l0,.26,0,.24-.05.26c0,.15,0,.22-.09.36l-.1.33-.07.27c0,.15-.06.22-.09.36l-.1.33-.1.31c0,.13,0,.19-.09.33l-.13.33-.1.25-.15.17-.27.05-.26-.1-.21-.16v-.23l0-.27.07-.27,0-.24,0-.26.15-.54.06-.18.07-.3.08-.25,0-.26.07-.27,0-.27.05-.24.15-.54,0-.26,0-.26,0-.26.07-.27,0-.26,0-.24,0-.26.05-.26,0-.29,0-.25-.09-.21Z"/>
+        <path d="M101.3,9.88,101,9.54l-.3-.37a3.06,3.06,0,0,1-.21-.29l-.15-.24c0-.15-.07-.22-.12-.36s-.08-.26-.13-.44l-.1-.45,0-.64V6.49l0-.22V6l.15-.52,0-.23.1-.26.11-.21.1-.24a2,2,0,0,0,.11-.26l.14-.21.13-.24.32-.42.17-.21.38-.4.41-.37.24-.16.6-.44.27-.16.25-.15.45-.26.28-.13.37-.14.31-.13.31-.1.34-.14.31-.1.29,0,.25-.08.28,0,.28-.1.28-.07.26,0,.28,0,.32,0,.37,0,.67,0,1.34,0,.7.09.19,0,.63.07.29.05.29.07.25.08.29.08.26.08.25.1.26.08.28.11.35.16.35.2.26.13.25.2.41.24L116,2l.19.2.16.16.37.4.32.45.13.14.15.25.1.22.09.26c.08.18.12.27.19.45l.09.25,0,.23c0,.3,0,.45.09.76v.62l0,.36V7c0,.2,0,.3-.06.5l-.06.26-.09.25-.06.23c-.07.2-.11.3-.18.51l-.06.22-.12.26-.12.19-.12.23-.12.25-.15.23-.15.2-.15.23-.21.22-.12.12-.21.23-.17.19-.21.18-.18.17-.21.17-.47.29-.45.26-.2.12-.24.12-.3.12-.23.06-.54.18-.26.07-.24.06-.27,0-.53,0-.27,0-1.37,0h-.3l-.36,0-.39-.06-.3,0-.55-.12-.33,0-.26.07-.11.21-.08.25-.07.29,0,.17,0,.32-.05.25c0,.21,0,.31,0,.51l0,.26-.15.52,0,.25v.26l-.07.26,0,.25-.07.26v.28c0,.21-.05.31-.09.52l-.07.26,0,.22-.1.27-.07.25-.1.24c0,.1-.08.15-.13.26l-.21.27-.37.22-.45.08-.5,0-.39-.17-.22-.23-.05-.25.07-.24.1-.26.12-.32.1-.34.06-.29c0-.14,0-.21.07-.34s0-.23.09-.38.08-.31.14-.52l0-.28c0-.15,0-.22.06-.37l0-.32.07-.26,0-.25v-.26l0-.26,0-.22,0-.26.08-.26c0-.14,0-.21.06-.34s0-.23.07-.38,0-.3.08-.51l0-.23,0-.31,0-.15,0-.31,0-.23,0-.26.08-.25,0-.26.08-.26,0-.37.07-.34c.06-.21.09-.31.16-.52l.15-.46L106,8.4l0-.26c.08-.24.11-.36.18-.6l.1-.4.09-.18.13-.4c.08-.17.11-.26.19-.43s.08-.21.14-.35l.14-.26.25-.44.15-.23.11-.23.15-.21.17-.2.39-.39.21-.18.49-.25.28-.09.55-.14.32,0,.28,0,.29.13.19.2.07.25-.08.2-.25.15-.21.15-.24.15-.18.17-.36.41-.15.21-.45.92-.12.2-.11.23-.08.26,0,.25-.08.26c0,.14-.05.21-.08.34l-.1.38a2,2,0,0,0-.11.26c0,.14,0,.22-.08.37l-.07.34,0,.26-.08.28,0,.17-.07.29,0,.25-.08.26,0,.26v.31l.07.25.22.13.36.09.43,0,.18,0,.42,0,.39,0h.3l.54-.05.36,0,.39-.07.27-.1.24-.09.26-.12.36-.15.3-.18.47-.29.21-.15.18-.17.53-.61.21-.31.23-.4.18-.31.15-.29c0-.13.07-.2.11-.34a3.37,3.37,0,0,0,.09-.34l0-.28,0-.34c0-.14.06-.22.09-.37l0-.28,0-.25,0-.26,0-.28-.07-.25c0-.15-.08-.22-.13-.36l-.1-.34c0-.1-.07-.15-.13-.25l-.09-.25c-.07-.09-.1-.14-.16-.23l-.16-.19-.16-.23-.41-.35-.2-.2-.44-.33L113,2.55l-.25-.11-.28-.1-.77-.26L111.41,2l-.29-.07-.54-.1h-.31l-.29,0h-1.16l-.28,0-.57,0-.28.05-.25.06-.28.08-.28.09-.52.15-.56.2-.24.12-.64.35-.31.16a2.4,2.4,0,0,1-.27.16l-.83.74-.37.39-.18.21-.14.21-.14.23-.1.24-.08.23-.07.26-.08.23-.07.26c0,.21,0,.31,0,.51l0,.25,0,.28.09.36.09.34.11.24.14.25L103,9l.17.21.13.22v.23l-.1.26a1.73,1.73,0,0,0-.17.21l-.2.18-.26.14-.27.07-.28,0-.29-.18-.22-.18A2.29,2.29,0,0,1,101.3,9.88Z"/>
+        <path d="M120.53,7.06l-.27-.76,0-.25V5.79l.06-.25.13-.25.15-.2.19-.19.22-.17.25-.11.28,0h.28l.28.06.24.15.19.17.12.23.08.25v.76l-.07.29V6.7l.05.23.15.2.21.2.21.17.21.23.33.38.21.17.38.38.21.23.12.15.2.23.21.18.18.2.28.46.09.26c0,.13,0,.2.07.34s.05.22.08.37l0,.25-.1.25-.13.22-.18.19-.32.44-.18.19c-.07.09-.1.14-.16.23l-.15.19-.19.22-.16.22-.18.22-.15.22c-.22.38-.32.57-.53.95l-.1.25-.09.22-.07.25-.06.28-.07.26,0,.25v.28c0,.23.06.34.11.57l.14.23c0,.1.08.15.14.25l.2.18.22.14.29.07.56,0,.26-.05.27-.08.26-.1.21-.14.45-.26.24-.16.21-.16.18-.16.19-.22.55-.57.47-.66.16-.19.16-.24.16-.22.13-.22.16-.25.09-.16.2-.3.13-.22.1-.22.13-.22.28-.13.38.11.25.3,0,.31-.1.25c-.11.18-.16.27-.26.46l-.14.22-.16.22c-.1.17-.15.26-.26.43l-.31.44-.16.24-.13.14a2,2,0,0,1-.16.24l-.31.44-.38.43-.24.3-.22.28-.37.37-.21.16-.36.33-.24.16-.26.16-.48.21-.26.1-.23.1-.27.08-.23,0-.29.05-.66,0-.38,0-.57-.12-.23-.09-.29-.15-.43-.29-.2-.17-.17-.17-.17-.23-.14-.2-.12-.26-.11-.22-.05-.26-.06-.28-.06-.25,0-.26v-.25c.05-.41.08-.61.13-1l.09-.25.09-.22.12-.26.16-.3.18-.31.15-.25.21-.31.22-.28.15-.25.18-.31.25-.3.18-.22.25-.39.34-.45c.07-.12.1-.18.16-.3l.1-.42,0-.34-.29-.46-.18-.23-.48-.52-.17-.2L122,8.75l-.25.05-.12.25-.07.25-.09.26-.07.25-.06.22-.1.26L121,11l-.09.25-.09.23-.1.25-.15.34-.15.3-.13.26-.15.33-.15.31-.15.28-.15.31-.18.31-.15.23-.18.14h-.27l-.23-.15-.18-.19,0-.23.09-.25.12-.26.09-.22.09-.26c.09-.2.14-.3.24-.5l.09-.17.12-.28.12-.23.09-.25.13-.25.09-.26.09-.22.25-.51.06-.25.09-.25.06-.26.13-.25.06-.25.06-.23.07-.25.09-.25.07-.28V7.74l-.06-.22C120.68,7.34,120.63,7.24,120.53,7.06Z"/>
+        <path d="M136.89,19l-.44.3-.49.24-.24.09-.49.25-.24.09-.53.12-.29.07-.53,0-.18,0-.29,0h-.23l-.26,0h-.58l-.51-.1-.31-.1-.26-.1-.19-.1-.26-.1-.22-.13-.45-.31-.19-.18-.33-.41-.13-.23-.1-.23L129,18l-.15-.51c0-.21-.05-.31-.09-.52s0-.3,0-.51v-.28l0-.25,0-.79.07-.25.07-.22.08-.25c0-.2.06-.3.11-.5l.08-.28.07-.25.1-.22.1-.25.14-.25.13-.22.1-.25.17-.32.2-.33.16-.22.2-.21.16-.19c.08-.08.12-.11.19-.19l.33-.43.2-.18.41-.35.45-.3.22-.13.26-.15.28-.15.35-.18.35-.14.25-.09.31-.09.19,0,.35-.08.18,0,.31-.06.28,0h.59l.7.07.48.1.4.09.27.08.26.11.23.14c.21.14.32.21.52.36l.32.2.2.19.13.18.16.22c.06.1.1.14.16.24l.3.66.06.26v.48c0,.21,0,.31.07.52l-.11,1-.09.33-.07.3-.06.28c-.1.33-.16.49-.26.82l-.16.38-.12.27-.15.27-.15.3-.11.24-.21.29-.32.48-.17.29v.2l.23.06h.7l.27,0,.31-.08.21-.09.5-.23.22-.14.43-.32.39-.35.17-.18.18-.21.17-.18c.11-.17.17-.25.29-.42l.32-.44.11-.16.21-.23.28-.11.35.1a2.92,2.92,0,0,0,.21.28v.32l-.12.24c-.18.25-.27.37-.44.62l-.17.18-.35.41-.15.21-.17.18-.2.2-.17.18-.19.15-.43.35-.19.14-.23.15-.22.12-.25.14-.21.09-.49.17-.28.08-.24,0h-1.05l-.32-.06-.26-.05-.22-.08-.23,0-.21.06-.22.12Zm-5.55-3.51-.05.33v.65c0,.18,0,.28,0,.46s.06.27.09.45l.18.44.18.29.22.22.31.16.43.14.38,0h.29l.29,0,.27-.09.25-.1.27-.12a1.79,1.79,0,0,0,.24-.12L135,18l.25-.15.13-.19,0-.16-.1-.21-.13-.24,0-.25.09-.34.14-.32.22-.16.25-.12h.27l.26.08.2.07h.18l.13-.16.11-.21.45-1,.25-.74c0-.15.05-.22.09-.36l.13-.47c.06-.38.09-.57.16-.95v-.45c0-.2-.05-.29-.08-.49s-.08-.26-.14-.44l-.18-.3-.23-.19-.35-.17-.45-.13-.39-.06-.3,0-.25,0-.28.06-.31.15-.26.12-.28.15-.32.2-.23.15-.22.18-.17.19-.19.18-.17.22-.33.37-.16.21-.68,1.09-.1.24-.08.22-.21.5-.07.22-.11.25,0,.25v.25Z"/>
+        <path d="M145.12,12.08l.23-.17.42-.34.7-.42.23-.11.26-.14.23-.11.26-.08.29-.07.48-.16.3-.1.57-.09.25,0,.56,0h.28l.31,0,.55,0,.7.11.38.12.33.11.2.06.2,0,.15-.18.1-.24.27-.47.1-.21.13-.24.29-.43.14-.27.09-.15.17-.26.1-.21.27-.47.13-.21.45-.78.22-.3.27-.47.13-.2.18-.26.09-.16.33-.45.14-.21L157,4l.17-.2.31-.14.37-.05.31.06.28.08.3.11.18.09.29.14.2.18,0,.24-.11.21L159.2,5l-.17.23-.16.19-.14.21-.14.23-.22.3-.18.31-.18.28-.54.82-.18.31-.22.31-.14.23-.13.21-.32.54-.21.3-.14.26-.5.86-.11.24-.13.21-.13.23-.13.2-.14.24-.13.2-.1.24-.1.22-.1.23-.14.24-.13.21-.13.23-.1.24-.1.21-.1.24-.14.24-.15.34-.18.34-.09.16-.14.29-.1.24-.12.32c0,.14-.07.21-.12.35l-.3.72-.07.25-.1.24-.12.35c0,.13-.07.2-.12.32l-.07.25-.1.24-.07.25,0,.25,0,.28,0,.37c0,.13,0,.2,0,.34l.05.27.14.19.22.13.25.07.24,0,.27,0,.26-.1.6-.36.23-.15.36-.34c.15-.16.23-.23.37-.39l.51-.48.19-.19.16-.21.19-.22.41-.55.19-.22.15-.18.17-.22.2-.28.37-.16.34.13.15.31-.07.36-.21.31-.2.24-.23.27-.25.33-.14.14-.48.6-.22.22-.49.51-.37.39-.18.17a1.9,1.9,0,0,0-.21.19l-.18.16-.21.14-.23.13-.24.18-.13.09-.24.19-.23.13-.26.1-.22.08-.25.07-.78.12h-.27l-.23,0h-.26l-.25-.07-.25-.1-.21-.15-.21-.18-.15-.16-.17-.23c-.09-.17-.13-.26-.22-.44l-.08-.24,0-.26,0-.23c0-.31,0-.46,0-.77l.08-.53-.05,0-.18.17-.18.2-.33.4-.17.18-.21.17-.37.34-.2.14-.68.41-.29.16-.31.18-.29.13-.24.08-.3.05-.68.05h-.55l-.23-.06-.25-.06-.26-.09-.22-.09-.24-.14-.19-.14-.21-.2c-.09-.11-.13-.17-.23-.28l-.23-.25c0-.1-.07-.15-.12-.25l-.08-.23-.06-.27c0-.18-.07-.28-.12-.46l-.06-.27v-.59l.05-.37v-.25l0-.25.06-.28.07-.33.1-.36.09-.24.12-.27,0-.17.12-.27.12-.24.35-.64.12-.24c.11-.17.17-.25.29-.42l.22-.28.18-.29.22-.26.14-.12.2-.21.35-.35Zm6.27-.09-.58-.06-.27,0-.28,0H150l-.18,0-.32.07-.29,0-.28.08-.26.1-.23.11-.24.14-.24.16-.46.28-.2.14-.21.17-.42.37-.17.17-.19.23-.44.57-.17.2-.12.22-.13.24-.11.21-.15.23-.27.65-.12.24c0,.14-.06.21-.11.36l-.07.33-.07.27,0,.37v.83l.05.26.12.22.15.19.18.19.25.15.34.1.35,0,.3-.07.19-.06.28-.1.22-.11.4-.28.23-.2.2-.17.24-.16.17-.18.18-.2.21-.22.26-.31.24-.22.15-.2.16-.23.12-.21.16-.24.19-.31.2-.28.16-.23.12-.21.6-1.11.18-.34.38-.85.15-.35.13-.26.11-.3-.05-.26-.19-.15Z"/>
+        <path d="M167.43,13.52l.31,0,.29.1.27.09.28.13.22.14.21.2.06.25-.17.3-.35.53-.34.37-.15.23-.12.2-.15.23-.17.19c-.09.18-.14.28-.24.46l-.14.23-.14.2-.16.25-.15.22-.1.18-.15.23-.11.2-.12.24-.14.22-.35.7-.17.31-.17.34-.15.25-.14.31c-.06.14-.08.21-.14.35l-.09.26-.06.25-.09.24-.06.25c0,.2,0,.3-.06.51l0,.26.1.23.17.16.25.09.23,0,.29,0,.46-.18.25-.14.24-.12.24-.09.43-.29.39-.32.22-.17.22-.15.17-.16.18-.22.2-.18.2-.21.15-.1.25-.23.21-.24.22-.26.39-.42.23-.18.27-.07.33.17.16.33,0,.28-.16.23-.17.18-.19.16-.21.18-.34.37-.15.23-.17.18-.41.37-.19.15-.4.36-.19.16-.44.29-.19.16-.23.17-.44.3-.45.23-.21.13-.48.23-.52.16-.76.16h-.53l-.26,0-.33-.11-.33-.16-.25-.17-.21-.28-.17-.3c0-.12-.07-.17-.11-.29s0-.21-.07-.36,0-.28,0-.47l0-.45.05-.36.09-.27.12-.26v-.12l-.11.12-.2.19-.37.32-.22.18-.64.46-.66.41-.21.16-.23.09-.26.09-.51.15-.5.13-.27,0H157.6l-.26,0-.25-.08-.28-.09-.25-.07-.19-.1-.24-.13-.21-.16-.34-.35-.17-.23c-.08-.18-.12-.27-.21-.44l-.07-.27,0-.24v-.25l0-.29.14-.75.07-.24.11-.24.07-.24.11-.24.07-.25.12-.32c.06-.13.1-.2.16-.34s.12-.29.21-.48l.13-.23.15-.32.32-.54.13-.2.11-.24.13-.23.07-.22.64-1.08.15-.26.5-.85.13-.21.14-.23.22-.3.15-.31.14-.23.17-.2.24-.1.29,0h.59l.27.08.26.12.25.13.22.17.08.19,0,.22-.11.23-.15.23-.1.21L161,14c-.08.1-.11.15-.18.25l-.07.16-.18.31-.12.12-.15.28-.14.23-.16.34-.2.34-.09.15-.18.28-.14.23-.11.24-.13.2-.22.48-.08.24-.11.24-.13.23-.22.47-.1.21-.14.23-.11.24-.15.34-.15.43-.1.5c0,.18,0,.27,0,.45l.15.44.33.29.33.13H159l.25-.06.22,0,.26-.06.28-.09.26-.09.47-.24.21-.13.65-.47.18-.16.23-.21.23-.23.27-.26.33-.39.2-.22.17-.19.17-.22.14-.2.14-.23.14-.2.14-.23.14-.2.18-.22.13-.2c.1-.18.14-.28.23-.47l.15-.22.14-.2.14-.23.14-.2.18-.22.11-.23.11-.21.3-.45.14-.2.29-.45.11-.21.15-.22.17-.19.2-.19.25-.09Z"/>
+        <path d="M172,27l-.22-.09-.23-.12-.23-.15-.3-.23-.27-.25-.22-.2-.22-.3-.19-.31-.15-.22-.12-.23-.13-.21-.05-.25c0-.11,0-.17-.08-.28s0-.22-.06-.37,0-.2-.06-.33l0-.27v-.38l0-.34,0-.28,0-.25.13-.49.08-.22.09-.23.1-.27.15-.31.18-.33.15-.23.12-.23.35-.52.23-.26.21-.2.7-.75.21-.18.39-.3.53-.3.11-.08.27-.16.25-.11.22-.11.25-.11.25-.08.28-.1.25-.07.26-.05.28-.07.24-.05.27,0,.36,0,.67,0h.35l.28,0,.28.05.3.06.51.15.25.1.37.17.41.25.36.22.24.16.17.18.17.19.15.23.12.24.12.22,0,.28c0,.13,0,.2,0,.33s0,.21,0,.35l-.06.28-.13.31-.2.33-.16.21-.18.18-.22.17L180,21l-.28.18-.23.14-.26.1-.26,0-.39-.06-.47-.14c-.17-.1-.25-.15-.43-.24s-.14-.17-.23-.28l.08-.27.22-.2.29-.24.25-.19.19-.2.12-.2.13-.23.07-.21v-.26l-.12-.34-.24-.27a2,2,0,0,0-.24-.16L178,17.8l-.28-.05-.37-.05H177l-.3,0-.24.07-.28.1-.25.07-.28.1-.3.18a2.1,2.1,0,0,0-.26.13l-.28.18-.34.23-.26.25-.19.21-.2.18-.17.15-.18.19-.16.22-.14.19-.16.22c-.07.14-.11.2-.18.33l-.18.31-.13.25-.15.31-.12.35-.11.26-.09.36-.09.44c0,.16,0,.24,0,.4v.3c.05.25.08.37.14.62a2,2,0,0,0,.11.26l.12.21.15.22.28.23.3.23.24.12.35.16.62.18.67.14.26,0h.34l.29,0,.35-.07.36,0,.8-.2a3.42,3.42,0,0,0,.34-.13l.33-.13.49-.2.46-.27.22-.11.46-.27.4-.29.25-.18.14-.14.29-.23.26-.21.19-.21.32-.28.34-.1.36.18.15.31-.1.3-.15.18-.19.18-.19.2-.23.23a3.25,3.25,0,0,0-.29.23l-.33.22-.33.25-.61.45-.24.16-.2.15-.26.12-.68.41-.2.14-.22.11-.25.1-.47.15-.21.08-.24.08-.31.11-.27.07-.25,0-.27.06-.38,0h-.7l-.35-.05H174l-.52-.07-.78-.13-.49-.2Z"/>
+        <path d="M190.43,26.33l-.11.29-.21.23-.56.45-.2.2-.19.17-.43.32-.19.14-.21.16-.37.31-.18.15-.26.18-.47.25-.21.16-.21.13-.23.13-.71.31-.49.16-.5.18-.28.08-.36.05-.38,0-.29,0h-.27l-.24,0-.26-.05-.78-.27L181.6,30l-.23-.13-.3-.22-.26-.24-.18-.2-.28-.45-.08-.24-.07-.25c0-.21,0-.31-.08-.51l0-.24v-.27l0-.26v-.23l.08-.24,0-.25.07-.24.06-.28.08-.24.32-.7.07-.24c.22-.47.32-.7.54-1.16l.13-.23.11-.23.27-.44.2-.32.19-.3.14-.22.16-.21.14-.23.16-.21.14-.22.16-.3.23-.31.34-.43.07-.21-.05-.17-.18-.12-.23-.1L183.1,19l-.25-.2c0-.12-.08-.18-.13-.31l0-.26,0-.28.13-.19.18-.15.25-.07.39.1.44.17.44.14.32,0,.18-.15.15-.25.13-.19.17-.21.19-.18.2-.2.16-.18.34-.42c.11-.18.16-.27.28-.44l.17-.21.19-.18.34-.42.16-.18.2-.2.18-.21.16-.18.17-.21.19-.17.21-.2.13-.19.17-.21.21-.2.21-.14.29-.05.29.05a2.55,2.55,0,0,1,.29.13l.35.18.36.22.23.22.17.28c0,.13,0,.19,0,.32l-.15.22-.27.29-.31.31a3.71,3.71,0,0,0-.27.29l-.19.23-.11.14-.19.24-.63.76-.17.18-.17.21-.24.3-.32.34-.4.49-.14.22-.19.17-.16.18-.07.19.13.19.31.17.29.1.51.15.42.12.9.32.37.17.15.23-.05.31-.12.35-.18.2-.21.14-.25.06-.29,0-.28,0-.3-.08-.79-.25-.32-.11-.25-.12-1.08-.37-.21.05-.16.18-.23.28c-.1.15-.16.23-.26.39l-.27.41-.29.38-.27.42c-.1.15-.15.23-.26.38l-.21.35-.08.15-.21.34-.19.27-.17.24-.28.44-.13.31-.18.33c-.08.19-.13.28-.22.46l-.24.75-.06.37-.06.34v.27l0,.28.08.23.24.29.34.29.29.16.28.1L184,29l.78-.09,1-.36.26-.12.2-.11.4-.24.52-.3.21-.13.19-.17.21-.16.25-.15.21-.14.22-.16.19-.17.17-.21.24-.21.22-.16.26-.2.42-.09.35.19Z"/>
+        <path d="M202.49,32.12l-.21.18-.21.16a1.76,1.76,0,0,1-.23.14l-.2.16-.24.17-.23.14-.22.12-1,.43-.27.1-.26.07-.24.05-.29.06-.25,0h-.55l-.28,0-.22,0-.27,0-.35-.09-.28-.09-.2-.06-.28-.11-.23-.13-.22-.09h-.2l-.2.1-.21.12-.27.1-.33.11-.36.1-.31,0-.36,0-.34,0h-.29l-.39-.06-.46-.1-.48-.16-.36-.11-.28-.11-.26-.13-.22-.18L190.3,33l-.2-.2-.2-.23-.3-.44c0-.1-.08-.14-.13-.23l-.13-.26c-.06-.32-.1-.48-.17-.79v-.27l.1-.78.07-.27.18-.48.15-.24.28-.23.43-.13.46.05.33.16.11.22-.06.22-.09.24-.12.22-.06.25c0,.21,0,.31-.07.52l0,.25c0,.11,0,.16.06.26l.07.24.09.25.14.21a1.62,1.62,0,0,1,.18.19l.19.16.23.15.28.11.23.06.28,0,.23,0,.28-.07.26-.07.24-.21.11-.26-.07-.24-.08-.28,0-.25.08-.27.12-.23.24-.18.23-.09.52-.09.16-.09.08-.18,0-.26V28.6l0-.23v-1l0-.25V25c0-.14,0-.22,0-.36s0-.21,0-.35V24l0-.26.05-.22.06-.25v-.18h-.2l-.54.21-.25.12-.43.25-.22.16-.22.13-.52.4-.28.22-.2.2-.22.13-.19.16-.19.15-.19.16-.3.28-.28.23-.2.19-.42.33-.19.17-.2.19-.28.23-.31.15-.28,0L189,26.9a2.61,2.61,0,0,1-.06-.27l.11-.23.15-.21.38-.34.23-.19.14-.13.23-.18.21-.2.16-.18.58-.5.22-.16.21-.19.28-.23.31-.21.23-.19.22-.15.2-.17.23-.18.17-.09.24-.18.21-.13,1-.47.48-.2.25-.12.27-.1.27-.08.57-.08h.3l.32,0,.28.05.25.06.25.14.24.15.18.23.1.25v.25l-.1.23-.15.21-.2.17-.23.15-.14.18-.13.22a3.4,3.4,0,0,1-.07.34l0,.35-.05.28c0,.16,0,.24,0,.4s0,.29,0,.48v.49c0,.34,0,.51,0,.85l0,.28c0,.15,0,.22,0,.36l0,.36,0,.28v.25l0,.26v.73l0,.27c0,.15-.05.22-.08.36s-.07.27-.12.44,0,.22-.09.37l-.08.27-.27.65-.06.22,0,.16.2.15.24.1.52.16.56.05.26,0,.55-.07.26-.07.53-.17.51-.18.21-.12.92-.58.21-.15.21-.19.17-.16.24-.15.31,0,.3.23c.06.14.08.22.14.37l-.12.25-.19.2Z"/>
+      </g>
+      <g>
+        <path d="M7,67.51,0,44.05H5.76L10,60l4.21-16h5.26l-7,23.46V79.14H7Z"/>
+        <path d="M20.45,52.47c0-5.62,3-8.82,8.37-8.82s8.38,3.2,8.38,8.82V70.71c0,5.62-3,8.83-8.38,8.83s-8.37-3.21-8.37-8.83ZM26,71.07c0,2.5,1.1,3.45,2.85,3.45s2.86-1,2.86-3.45V52.12c0-2.51-1.1-3.46-2.86-3.46S26,49.61,26,52.12Z"/>
+        <path d="M46,44.05V71.12c0,2.5,1.1,3.4,2.86,3.4s2.85-.9,2.85-3.4V44.05H57V70.76c0,5.62-2.81,8.83-8.22,8.83s-8.23-3.21-8.23-8.83V44.05Z"/>
+        <path d="M80.16,69l3.76-24.91h7.67V79.14H86.37V54L82.56,79.14H77.35L73.24,54.32V79.14H68.43V44.05H76.1Z"/>
+        <path d="M95.6,44.05h5.51V79.14H95.6Z"/>
+        <path d="M113.39,59.59h7.72V70.71c0,5.62-2.81,8.83-8.22,8.83s-8.22-3.21-8.22-8.83V52.47c0-5.62,2.81-8.82,8.22-8.82s8.22,3.2,8.22,8.82v3.41H115.9V52.12c0-2.51-1.11-3.46-2.86-3.46s-2.86,1-2.86,3.46V71.07c0,2.5,1.11,3.4,2.86,3.4s2.86-.9,2.86-3.4V64.6h-2.51Z"/>
+        <path d="M130.18,79.14h-5.51V44.05h5.51v15h6.27v-15h5.62V79.14h-5.62v-15h-6.27Z"/>
+        <path d="M144.47,44.05h17v5h-5.76V79.14h-5.51V49.06h-5.77Z"/>
+        <path d="M171.69,44.05h5.51V74.12h9.08v5H171.69Z"/>
+        <path d="M188.68,44.05h5.52V79.14h-5.52Z"/>
+        <path d="M205.43,65.15l-1.71,3.21V79.14h-5.51V44.05h5.51V59.34l7.22-15.29h5.52l-7.67,15.64,7.67,19.45h-5.67Z"/>
+        <path d="M224.48,58.83H232v5h-7.56V74.12H234v5H219V44.05h15v5h-9.52Z"/>
+      </g>
+    </g>
+    <path d="M117,25.14c-30.29,0-56.37,6-68.12,14.54H185.12C173.37,31.1,147.29,25.14,117,25.14Z"/>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_PinterestIcon.svg

@@ -0,0 +1,14 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #111;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <path class="cls-1" d="M17.13,17.76h-1.2v5.47h1.2c.81,0,1.25-.37,1.25-1.52V19.28C18.38,18.13,17.94,17.76,17.13,17.76Z"/>
+    <path class="cls-1" d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0ZM20.92,21.54c0,2.59-1.25,4-3.79,4h-1.2v6.08H13.39V15.45h3.74c2.54,0,3.79,1.4,3.79,4Zm3.83,10.08H22.21V15.45h2.54Zm9.89,0H32L28.86,19.9V31.62H26.57V15.45h3.19l2.61,9.68V15.45h2.27Z"/>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_ProfileIcon.svg

@@ -0,0 +1,14 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #605f64;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <path class="cls-1" d="M10,3.6A2.75,2.75,0,1,1,7.25,6.35,2.75,2.75,0,0,1,10,3.6Zm0,13a6.58,6.58,0,0,1-5.49-3c0-1.82,3.66-2.82,5.49-2.82s5.47,1,5.49,2.82A6.58,6.58,0,0,1,10,16.6Z"/>
+    <path class="cls-1" d="M10,2a8,8,0,1,1-8,8,8,8,0,0,1,8-8m0-2A10,10,0,1,0,20,10,10,10,0,0,0,10,0Z"/>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_SearchIcon.svg

@@ -0,0 +1,11 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #605f64;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <path class="cls-1" d="M8.58,7.55H8l-.19-.19a4.48,4.48,0,1,0-.48.48L7.55,8v.55L11,12l1-1Zm-4.12,0A3.09,3.09,0,1,1,7.55,4.46,3.09,3.09,0,0,1,4.46,7.55Z"/>
+</svg>

src/frontend/static/icons/Hipster_TwitterIcon.svg

@@ -0,0 +1,11 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #111;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <path class="cls-1" d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0ZM15.12,17.76H12.47V31.62H9.92V17.76H7.27V15.45h7.85Zm11,13.86H22.79L21.87,23l-.93,8.62H17.45l-1.8-16.17h2.47L19.49,28.2l1.22-12.75h2.45l1.27,12.84,1.32-12.84H28Zm5.61,0H29.23V15.45h2.54Zm9-13.86H38.08V31.62H35.54V17.76H32.88V15.45h7.85Z"/>
+</svg>

src/frontend/static/icons/Hipster_UpDownControl.svg

@@ -0,0 +1,7 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.75 11.75">
+  <title>Hipster</title>
+  <g>
+    <polygon points="3.38 0 6.75 3.38 0 3.38 3.38 0"/>
+    <polyline points="0 8.38 6.75 8.38 3.38 11.75"/>
+  </g>
+</svg>

src/frontend/static/icons/Hipster_YoutubeIcon.svg

@@ -0,0 +1,15 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #111;
+      }
+    </style>
+  </defs>
+  <title>Hipster</title>
+  <g>
+    <path class="cls-1" d="M28.37,24.34H27.23v5h1.46c.85,0,1.32-.4,1.32-1.6V26.3C30,24.8,29.52,24.34,28.37,24.34Z"/>
+    <path class="cls-1" d="M29.75,20.32v-.9c0-1.16-.39-1.66-1.29-1.66H27.23V22h1C29.17,22,29.75,21.61,29.75,20.32Z"/>
+    <path class="cls-1" d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0ZM14.4,17.76H11.74V31.62H9.2V17.76H6.54V15.45H14.4Zm8.56,10c0,2.59-1.29,4.06-3.79,4.06s-3.78-1.47-3.78-4.06V15.45h2.54V27.92c0,1.16.51,1.57,1.31,1.57s1.32-.41,1.32-1.57V15.45H23Zm9.59,0c0,2.5-1.32,3.84-3.86,3.84h-4V15.45h3.84c2.63,0,3.76,1.22,3.76,3.71v.58c0,1.67-.51,2.73-1.64,3.26,1.37.53,1.9,1.76,1.9,3.47Zm7.55-5.52v2.31H36.61v4.74H41v2.31H34.07V15.45H41v2.31H36.61v4.5Z"/>
+  </g>
+</svg>

src/frontend/static/styles/cart.css

@@ -0,0 +1,99 @@
+.cart-bg {
+    background: #f0f0f0;
+}
+
+.cart .form-control {
+    border: none;
+    border-radius: 0;
+    -webkit-appearance: none;
+}
+
+.cart h3 {
+    font-size: 36px;
+}
+
+.cart form label {
+    color: #707070;
+}
+
+.empty-btn {
+    margin-right: 20px;
+}
+
+.btn {
+    border-radius: 0;
+    color: #111111;
+    background: #e9ecef;
+    border: 1px solid #d1d7dc;
+    font-size: 18px;
+    padding: 10px 15px;
+    text-transform: uppercase;
+    letter-spacing: 1.8px;
+}
+
+.btn-info {
+    border: none;
+    background: #4cc8c6;
+}
+
+.center-contents > * {
+    margin: auto;
+}
+
+.product-item {
+    max-width: 540px;
+    margin: auto;
+    margin-bottom: 30px;
+}
+
+.product-item .image {
+    max-width: 180px;
+    padding: 0;
+}
+
+.product-item .image img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.product-item .text {
+    background: white;
+    padding: 25px 30px;
+}
+
+.product-item .text h4 {
+    font-size: 24px;
+    letter-spacing: 4.8px;
+    margin-bottom: 0;
+}
+
+.product-item .text p {
+    margin-bottom: 20px;
+}
+
+.product-item .text small {
+    font-size: 18px;
+}
+
+.product-item .text .details {
+    font-size: 18px;
+}
+
+.order-summary {
+    font-size: 24px;
+    color: #000000;
+    margin-bottom: 30px;
+}
+
+.order-summary p {
+    font-size: 18px;
+}
+
+.checkout h3 {
+    font-size: 36px;
+    margin-bottom: 30px;
+}
+.last-row {
+    margin-top: 30px;
+}

src/frontend/static/styles/order.css

@@ -0,0 +1,32 @@
+.order {
+    background: #f0f0f0;
+}
+
+.order .container {
+    border-top: 1px solid #b4b2bb;
+}
+
+.order-logo {
+    height: 100px;
+    margin-bottom: 35px;
+}
+
+.order h3 {
+    font-size: 36px;
+    margin-bottom: 40px;
+}
+
+.order p {
+    font-size: 24px;
+    margin-bottom: 0;
+    color: #707070;
+}
+
+.order .mg-bt {
+    color: #111111;
+    margin-bottom: 35px;
+}
+
+.order .btn {
+    margin: auto;
+}

src/frontend/static/styles/styles.css

@@ -0,0 +1,607 @@
+/* general */
+
+html, body {
+  height: 100%;
+}
+
+body {
+  color: #111111;
+  font-family: 'Roboto', sans-serif;
+  display: flex;
+  flex-direction: column;
+}
+
+hr {
+  border-top: 1px solid #b4b2bb;
+}
+
+.text-muted {
+  color: #707070;
+}
+
+.badge {
+  display: inline-block !important;
+  width: 18px;
+  height: 18px;
+  color: #111111;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 10px;
+  border-radius: 50%;
+  padding-left: 3px;
+}
+
+.badge.badge-blue {
+  background-color: #4bc7c7;
+  padding-top: 5px;
+}
+
+/*header*/
+
+header .badge.badge-blue {
+  transform: translateY(-3px);
+}
+
+header .navbar {
+  height: 38px;
+}
+
+header .h-free-shipping {
+  font-size: 15px;
+}
+
+header .h-free-shipping span:first-child {
+  font-weight: bold;
+}
+
+header .h-free-shipping span:last-child {
+  font-size: 12px;
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+header .h-controls {
+  display: flex;
+  justify-content: flex-end;
+}
+
+header .h-control {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  position: relative;
+  margin-left: 40px;
+  color: #605f64;
+}
+
+header .h-control:first-child {
+  margin-left: 0;
+}
+
+header .h-control img {
+  width: 20px;
+  height: 20px;
+  margin-right: 8px;
+}
+
+header .h-control input {
+  border: none;
+  padding: 0 31px 0 31px;
+  width: 250px;
+  height: 24px;
+  flex-shrink: 0;
+  background-color: #f2f2f2;
+  display: flex;
+  align-items: center;
+}
+
+header .h-control input:focus {
+  outline: 0;
+  border: 0;
+  box-shadow: 0;
+}
+
+header .icon {
+  width: 20px;
+  height: 20px;
+}
+
+header .icon.arrow {
+  position: absolute;
+  right: 4px;
+  width: 11px;
+  height: 7px;
+}
+
+header .icon.search-icon {
+  width: 12px;
+  height: 13px;
+  position: absolute;
+  left: 10px;
+}
+
+header .h-control select {
+  background: transparent;
+  border-radius: 0;
+  border: 1px solid #acacac;
+  width: 100px;
+  height: 20px;
+  flex-shrink: 0;
+  padding: 0 7px;
+  display: flex;
+  align-items: center;
+}
+
+
+header .h-control::-webkit-input-placeholder {
+  /* Chrome/Opera/Safari */
+  font-size: 12px;
+  color: #605f64;
+}
+
+header .h-control::-moz-placeholder {
+  /* Firefox 19+ */
+  font-size: 12px;
+  color: #605f64;
+}
+
+header .h-control :-ms-input-placeholder {
+  /* IE 10+ */
+  font-size: 12px;
+  color: #605f64;
+}
+
+header .h-control :-moz-placeholder {
+  /* Firefox 18- */
+  font-size: 12px;
+  color: #605f64;
+}
+
+header .navbar.sub-navbar {
+  height: 60px;
+  background-color: #111111;
+  font-size: 15px;
+  color: #b4b2bb;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+header .navbar.sub-navbar .logo {
+  width: 209px;
+  height: 40px;
+}
+
+header .navbar.sub-navbar .navbar-brand {
+  padding: 0;
+}
+
+header .navbar.sub-navbar a {
+  color: #b4b2bb;
+}
+
+header .navbar.sub-navbar nav a {
+  margin: 0 10px;
+}
+
+header .navbar.sub-navbar .controls {
+  display: flex;
+  height: 60px;
+}
+
+header .navbar.sub-navbar .controls a {
+  display: block;
+  width: 120px;
+  border-left: 1px solid #b4b2bb;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+}
+
+header .navbar.sub-navbar .controls a img {
+  width: 20px;
+  height: 20px;
+  margin-bottom: 3px;
+}
+
+header .navbar.sub-navbar .controls a:last-child {
+  border-right: 1px solid #b4b2bb;
+}
+
+/*footer*/
+
+footer.py-5 {
+  flex-shrink: 0;
+  padding: 0 !important;
+}
+
+footer .footer-top {
+  background-color: #f0f0f0;
+}
+
+footer .footer-top .footer-social,
+footer .footer-top .footer-app,
+footer .footer-links,
+footer .footer-top .social,
+footer .footer-top .app {
+  display: flex;
+  align-items: center;
+}
+
+footer .footer-top .footer-social {
+  padding: 31px;
+}
+
+footer .footer-top .footer-social h4 {
+  margin-bottom: 0;
+}
+
+footer .footer-top .footer-social div {
+  width: 50%;
+}
+
+.footer-top .social {
+  border-right: 1px solid #b4b2bb;
+}
+
+.footer-top .social h4 {
+  font-size: 24px;
+  color: #111111;
+  font-weight: bold;
+  text-transform: uppercase;
+  margin-right: 37px;
+  line-height: 0.92;
+}
+
+.footer-top .social img {
+  margin-right: 16px;
+  width: 48px;
+  height: 48px;
+}
+
+.footer-top .app {
+  justify-content: flex-end;
+}
+
+.footer-top .app h4 {
+  font-size: 24px;
+  font-weight: bold;
+  color: #111111;
+  line-height: 0.92;
+}
+
+.footer-top .app h4 span {
+  color: #707070;
+  font-style: italic;
+}
+
+.footer-top .app img {
+  width: 136px;
+  height: 41px;
+  margin-left: 42px;
+}
+
+footer .footer-links {
+  padding-top: 37px;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+footer .links-group {
+  width: 164px;
+  flex-shrink: 0;
+  list-style: none;
+  color: #707070;
+  padding: 0;
+}
+
+footer .links-group .group-header {
+  font-size: 16px;
+  text-transform: uppercase;
+  color: #111111;
+  font-weight: bold;
+  margin-bottom: 12px;
+}
+
+footer .links-group li {
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+footer .links-group li:hover {
+  text-decoration: underline;
+}
+
+footer .footer-bottom {
+  background-color: #111111;
+  font-size: 16px;
+  height: 80px;
+  padding: 23px 0;
+  display: flex;
+  justify-content: center;
+  flex-flow: column;
+}
+
+footer .footer-bottom p {
+  text-align: center;
+  color: #b4b2bb;
+  padding: 0;
+  margin: 0;
+}
+
+footer .footer-bottom p:first-child {
+  color: white;
+}
+
+/*Home*/
+
+main {
+  flex: 1 0 auto;
+}
+
+main.home {
+  background-color: white;
+}
+
+.h-jumbotron {
+  border-radius: 0;
+  background: url(/static/images/HeroBannerImage2.png) no-repeat top center;
+  background-size: cover;
+}
+
+.h-jumbotron .container img {
+  width: 280px;
+  height: 210px;
+}
+
+.h-row {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.h-row img {
+  width: 156px;
+  height: 100px;
+  margin-bottom: 45px;
+}
+
+.h-grid .bg-light {
+  background-color: white;
+}
+
+.card-title.h-card-title {
+  width: 100%;
+  font-size: 22px;
+  letter-spacing: 4.8px;
+  text-align: center;
+  color: #111111;
+  text-transform: uppercase;
+  margin-bottom: 0;
+}
+
+.card-body.h-card-body {
+  padding: 1.25rem 0.75rem;
+}
+
+.h-card-body .text-muted {
+  font-size: 18px;
+}
+
+.ad-row {
+  padding-left: 68px;
+  height: 400px;
+  display: flex;
+  align-items: center;
+  background: url(/static/images/AdvertBannerImage.png) no-repeat top center;
+  background-size: cover;
+}
+
+.ad-row-2 {
+  background: url(/static/images/Advert2BannerImage.png) no-repeat top center;
+}
+
+.ad-row img {
+  width: 292px;
+  height: 280px;
+}
+
+/*Product*/
+
+.h-product {
+  background-color: #f0f0f0;
+  padding: 65px 16.96428571%;
+  color: #707070;
+  font-size: 18px;
+}
+
+.h-product .col {
+  height: 540px;
+}
+
+.h-product .col img {
+  width: 540px;
+}
+
+.h-product .product-info {
+  width: calc(100% - 540px);
+}
+
+.h-product .product-info .product-wrapper {
+  border-top: 1px solid #b4b2bb;
+  border-bottom: 1px solid #b4b2bb;
+  height: 100%;
+  margin-left: 15px;
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+}
+
+.h-product .text-muted {
+  color: #707070 !important;
+  margin: 20px 0;
+}
+
+.h-product .product-info h2 {
+  font-size: 48px;
+  line-height: 1.1;
+  letter-spacing: 9.6px;
+  color: #111111;
+}
+
+.h-product .product-info h6 {
+  font-size: 18px;
+  color: #111111;
+  text-transform: uppercase;
+  margin: 0 0 3px 0;
+}
+
+.h-product .product-info form {
+  margin-top: 100px;
+}
+
+.h-product .input-group-text,
+.h-product .btn.btn-info {
+  font-size: 18px;
+  line-height: 1.89;
+  letter-spacing: 3.6px;
+  text-align: center;
+  color: #111111;
+  text-transform: uppercase;
+  border-radius: 0;
+}
+
+.h-product .input-group-text {
+  width: 150px;
+  height: 49px;
+  border: solid 1px #d1d7dc;
+  background-color: #e9ecef;
+}
+
+.h-product select.form-control-lg.custom-select {
+  height: 49px;
+}
+
+.h-product .btn.btn-info {
+  width: 178px;
+  height: 49px;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  background-color: #4cc8c6;
+  margin-left: 30px;
+}
+
+.h-product .btn.btn-info:hover {
+  color: #fff;
+  background-color: #138496;
+  border-color: #117a8b;
+}
+
+.other-products-img {
+  width: 234px !important;
+  height: 80px !important;
+}
+
+/*recommendations*/
+
+.h-card.card {
+  border: none;
+  border-radius: 0 !important;
+  position: relative;
+  cursor: pointer;
+}
+
+.h-card.card a {
+  position: relative;
+}
+
+.h-card.card a .card-hover {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  background-color: transparent;
+}
+
+.h-card.card:hover a .card-hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+/*platform banner*/
+
+.aws-platform,
+.onprem-platform,
+.gcp-platform {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 10px;
+  height: 100vh;
+  color: white;
+  font-size: 24px;
+  z-index: 999;
+}
+
+.aws-platform,
+.aws-platform .platform-flag {
+  background-color: #ff9900;
+  color: #000000;
+}
+
+.onprem-platform,
+.onprem-platform .platform-flag {
+  background-color: #34A853;
+}
+
+.gcp-platform,
+.gcp-platform .platform-flag {
+  background-color: #4285f4;
+}
+
+.platform-flag {
+  position: absolute;
+  top: 98px;
+  left: 0;
+  width: 190px;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+@media (min-width: 1679px) {
+
+  header .navbar,
+  header .navbar.sub-navbar,
+  footer .footer-top {
+    padding: 0 16.96428571%;
+  }
+}
+
+.recommendations {
+  background: white;
+}
+
+.recommendations .container .image {
+  text-align: center;
+}
+
+.recommendations .container .image>img {
+  height: 80px;
+  margin: 50px 0;
+}
+
+.recommendations .prods {
+  padding-bottom: 50px;
+}
+
+.recommendations .card-img-top {
+  border-radius: 0;
+}
+
+select {
+  -webkit-appearance: none;
+  -webkit-border-radius: 0px;
+}

src/frontend/templates/cart.html

@@ -1,60 +1,64 @@
 {{ define "cart" }}
     {{ template "header" . }}
-
+    <div {{ with $.platform_css }} class="{{.}}" {{ end }}>
-    <main role="main">
+        <span class="platform-flag">
-        <div class="py-5">
+          {{$.platform_name}}
-            <div class="container bg-light py-3 px-lg-5 py-lg-5">
+        </span>
+      </div>
+    <main role="main" class="cart">
+        <div class="cart-bg">
+            <div class="container py-3 px-lg-5 py-lg-5">
                 {{ if eq (len $.items) 0 }}
                     <h3>Your shopping cart is empty!</h3>
                     <p>Items you add to your shopping cart will appear here.</p>
-                    <a class="btn btn-primary" href="/" role="button">Browse Products &rarr; </a>
+                    <a class="btn btn-info" href="/" role="button">Browse Products &rarr; </a>
                 {{ else }}
 
                     <div class="row mb-3 py-2">
                         <div class="col">
-                            <h3>{{ len $.items }} item
+                            <h3>{{ $.cart_size }} item
-                                {{- if gt (len $.items) 1}}s{{end}}
+                                {{- if gt ($.cart_size) 1}}s{{end}}
-                                in your Shopping Cart</h3>
+                                in your cart</h3>
                         </div>
                         <div class="col text-right">
                             <form method="POST" action="/cart/empty">
-                                <button class="btn btn-secondary" type="submit">Empty cart</button>
+                                <button class="btn btn-secondary empty-btn" type="submit">Empty cart</button>
-                                <a class="btn btn-info" href="/" role="button">Browse more products &rarr; </a>
+                                <a class="btn btn-info" href="/" role="button">Keep browsing</a>
                             </form>
-                    
+
                         </div>
                     </div>
-                    <hr>
+
-                    
                     {{ range $.items }}
-                    <div class="row pt-2 mb-2">
+                    <div class="product-item">
-                        <div class="col text-right">
+                        <div class="row pt-2 mb-2">
-                                <a href="/product/{{.Item.Id}}"><img class="img-fluid" style="width: auto; max-height: 60px;"
+                            <div class="col text-right image">
-                                    src="{{.Item.Picture}}" /></a>
+                                    <a href="/product/{{.Item.Id}}"><img class="img-fluid"
-                        </div>
+                                        src="{{.Item.Picture}}" /></a>
-                        <div class="col align-middle">
+                            </div>
-                            <strong>{{.Item.Name}}</strong><br/>
+                            <div class="col text-left text">
-                            <small class="text-muted">SKU: #{{.Item.Id}}</small>
+                                <h4>{{ .Item.Name }}</h4>
-                        </div>
+                                <p><small class="text-muted">SKU: #{{ .Item.Id }}</small></p>
-                        <div class="col text-left">
+                                <div class="details">
-                            Qty: {{.Quantity}}<br/>
+                                    Quantity: {{ .Quantity }}<br/>
-                            <strong>
+                                    <strong>
-                                {{ renderMoney .Price}}
+                                        {{ renderMoney .Price }}
-                            </strong>
+                                    </strong>
+                                </div>
+                            </div>
                         </div>
                     </div>
-                    {{ end }} <!-- range $.items-->
+                    {{ end }}
                     <div class="row pt-2 my-3">
-                        <div class="col text-center">
+                        <div class="col text-center order-summary">
                             <p class="text-muted my-0">Shipping Cost: <strong>{{ renderMoney .shipping_cost }}</strong></p>
                             Total Cost: <strong>{{ renderMoney .total_cost }}</strong>
                         </div>
                     </div>
 
-                    <hr/>
+                    <div class="row py-3 my-2 checkout">
-                    <div class="row py-3 my-2">
                         <div class="col-12 col-lg-8 offset-lg-2">
-                            <h3>Checkout</h3>
+                            <h3 class="text-center">Checkout</h3>
                             <form action="/cart/checkout" method="POST">
                                 <div class="form-row">
                                     <div class="col-md-5 mb-3">
@@ -72,7 +76,7 @@
                                         <input type="text" class="form-control"
                                             name="zip_code" id="zip_code" value="94043" required pattern="\d{4,5}">
                                     </div>
-                                    
+
                                 </div>
                                 <div class="form-row">
                                     <div class="col-md-5 mb-3">
@@ -88,7 +92,7 @@
                                     <div class="col-md-5 mb-3">
                                         <label for="country">Country</label>
                                         <input type="text" class="form-control" id="country"
-                                            placeholder="Country Name" 
+                                            placeholder="Country Name"
                                             name="country" value="United States" required>
                                     </div>
                                 </div>
@@ -116,7 +120,7 @@
                                             <option value="9">September</option>
                                             <option value="10">October</option>
                                             <option value="11">November</option>
-                                            <option value="12">December</option>
+                                            <option value="12">January</option>
                                         </select>
                                     </div>
                                     <div class="col-md-2 mb-3">
@@ -133,26 +137,22 @@
                                     <div class="col-md-2 mb-3">
                                         <label for="credit_card_cvv">CVV</label>
                                         <input type="password" class="form-control" id="credit_card_cvv"
-                                            autocomplete="off"
                                             name="credit_card_cvv" value="672" required pattern="\d{3}">
                                     </div>
                                 </div>
-                                <div class="form-row">
+                                <div class="form-row center-contents last-row">
-                                    <button class="btn btn-primary" type="submit">Place your order &rarr;</button>
+                                    <button class="btn btn-info" type="submit">Place order</button>
                                 </div>
                             </form>
                         </div>
                     </div>
                 {{ end }} <!-- end if $.items -->
 
-                {{ if $.recommendations}}
-                    <hr/>
-                    {{ template "recommendations" $.recommendations }}
-                {{ end }}
-
             </div>
+            {{ if $.recommendations}}
+                {{ template "recommendations" $.recommendations }}
+            {{ end }}
         </div>
     </main>
-
     {{ template "footer" . }}
-{{ end }}
+    {{ end }}

src/frontend/templates/error.html

@@ -1,12 +1,16 @@
 {{ define "error" }}
     {{ template "header" . }}
-
+    <div {{ with $.platform_css }} class="{{.}}" {{ end }}>
+        <span class="platform-flag">
+          {{$.platform_name}}
+        </span>
+      </div>
     <main role="main">
         <div class="py-5">
             <div class="container bg-light py-3 px-lg-5 py-lg-5">
                 <h1>Uh, oh!</h1>
                 <p>Something has failed. Below are some details for debugging.</p>
-                
+
                 <p><strong>HTTP Status:</strong> {{.status_code}} {{.status}}</p>
                 <pre class="border border-danger p-3"
                     style="white-space: pre-wrap; word-break: keep-all;">
@@ -17,4 +21,4 @@
     </main>
 
     {{ template "footer" . }}
-{{ end }}
+    {{ end }}

src/frontend/templates/footer.html

@@ -1,25 +1,18 @@
 {{ define "footer" }}
-    <footer class="py-5 px-5">
+
-        <div class="container">
+<footer class="py-5">
-            <p>
+    <div class="footer-top">
-                &copy; 2018 Google Inc
+        <div class="container footer-social">
-                <span class="text-muted">
+                <p class="footer-text">© 2020 Google Inc (<a href="https://github.com/GoogleCloudPlatform/microservices-demo">Source Code</a>) — </p>
-                    <a href="https://github.com/GoogleCloudPlatform/microservices-demo/">(Source Code)</a>
+                <p class="footer-text">  This website is hosted for demo purposes only. It is not an actual shop. This is not a Google product.</p>
-                </span>
-            </p>
-            <p>
-                <small class="text-muted">
-                    This website is hosted for demo purposes only. It is not an
-                    actual shop. This is not an official Google project.
-                </small>
-            </p>
-            <small class="text-muted">
-                {{ if $.session_id }}session-id: {{ $.session_id }}</br>{{end}}
-                {{ if $.request_id }}request-id: {{ $.request_id }}</br>{{end}}
-            </small>
         </div>
-    </footer>
+
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
+    </div>
+</footer>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"
+    integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous">
+</script>
 </body>
+
 </html>
-{{ end }}
+{{ end }}

src/frontend/templates/header.html

@@ -1,35 +1,57 @@
 {{ define "header" }}
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Hipster Shop</title>
+    <title>Online Boutique</title>
-    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
+        crossorigin="anonymous">
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="/static/styles/styles.css">
+    <link rel="stylesheet" type="text/css" href="/static/styles/cart.css">
+    <link rel="stylesheet" type="text/css" href="/static/styles/order.css">
+    <link rel='shortcut icon' type='image/x-icon' href='/static/favicon.ico' />
 </head>
-<body>
 
+<body>
     <header>
-        <div class="navbar navbar-dark bg-dark box-shadow">
+        <div class="navbar">
+            <div class="container d-flex justify-content-between">
+                <div class="h-free-shipping">Free shipping with $75 purchase! &nbsp;&nbsp;</div>
+                <div class="h-controls">
+                    <div class="h-control">
+                        <img src="/static/icons/Hipster_CurrencyIcon.svg" alt="icon" class="icon" />
+                        <form method="POST" class="controls-form" action="/setCurrency" id="currency_form" >
+                            <select name="currency_code" onchange="document.getElementById('currency_form').submit();">
+                                    {{range $.currencies}}
+                                <option value="{{.}}" {{if eq . $.user_currency}}selected="selected"{{end}}>{{.}}</option>
+                                {{end}}
+                            </select>
+                        </form>
+                        <img src="/static/icons/Hipster_DownArrow.svg" alt="icon" class="icon arrow" />
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="navbar sub-navbar">
             <div class="container d-flex justify-content-between">
                 <a href="/" class="navbar-brand d-flex align-items-center">
-                    Hipster Shop
+                    <img src="/static/icons/Hipster_NavLogo.svg" alt="logo" class="logo" />
                 </a>
-                {{ if $.currencies }}
+                <div class="controls">
-                <form class="form-inline ml-auto" method="POST" action="/setCurrency" id="currency_form">
+                    <a href="/cart">
-                    <select name="currency_code" class="form-control"
+                        <img src="/static/icons/Hipster_CartIcon.svg" alt="cart-icon" class="logo" />
-                    onchange="document.getElementById('currency_form').submit();" style="width:auto;">
+                        <span>Cart
-                    {{range $.currencies}}
+                            {{ if $.cart_size }}
-                        <option value="{{.}}" {{if eq . $.user_currency}}selected="selected"{{end}}>{{.}}</option>
+                            <span class="badge badge-blue">{{$.cart_size}}</span>
-                    {{end}}
+                            {{ end }}
-                    </select>
+                        </span>
-                    <a class="btn btn-primary btn-light ml-2" href="/cart" role="button">View Cart ({{$.cart_size}})</a>
+                    </a>
-                </form>
+                </div>
-                {{ end }}
             </div>
         </div>
     </header>
-
+    {{end}}
-
-{{end}}

src/frontend/templates/home.html

@@ -1,63 +1,49 @@
 {{ define "home" }}
 
-    {{ template "header" . }}
+{{ template "header" . }}
-    <main role="main">
+<div {{ with $.platform_css }} class="{{.}}" {{ end }}>
-        <section class="jumbotron text-center mb-0"
+  <span class="platform-flag">
-		 {{ with $.banner_color }}
+    {{$.platform_name}}
-		     style="background-color: {{.}};"
+  </span>
-		 {{ end }}
+</div>
-		>
+<main role="main" class="home">
-            <div class="container">
+  <section class="jumbotron text-center mb-0 h-jumbotron">
-                <h1 class="jumbotron-heading">
+    <div class="container">
-                    One-stop for Hipster Fashion &amp; Style Online
+      <img src="/static/icons/Hipster_HeroLogo.svg" alt="icon" class="icon search-icon" />
-                </h1>
+    </div>
-                <p class="lead text-muted">
+  </section>
-                    Tired of mainstream fashion ideas, popular trends and
-                    societal norms? This line of lifestyle products will help
-                    you catch up with the hipster trend and express your
-                    personal style. Start shopping hip and vintage items now!
-                </p>
-            </div>
-        </section>
 
-        <div class="py-5 bg-light">
+  <div class="h-grid py-5 bg-light">
-            <div class="container">
+    <div class="container">
-            <div class="row">
+      <div class="row h-row">
-                {{ range $.products }}
+        <img src="/static/icons/Hipster_HotProducts.svg" alt="icon" class="icon search-icon" />
-                <div class="col-md-4">
+      </div>
-                    <div class="card mb-4 box-shadow">
+      <div class="row">
-                        <a href="/product/{{.Item.Id}}">
+        {{ range $.products }}
-                            <img class="card-img-top" alt =""
+        <div class="col-md-4">
-                                style="width: 100%; height: auto;"
+          <div class="h-card card mb-4 box-shadow">
-                                src="{{.Item.Picture}}">
+            <a href="/product/{{.Item.Id}}">
-                        </a>
+              <img alt="" style="width: 100%; height: auto;" src="{{.Item.Picture}}">
-                        <div class="card-body">
+              <div class="card-hover"></div>
-                            <h5 class="card-title">
+            </a>
-                                {{ .Item.Name }}
+            <div class="card-body h-card-body">
-                            </h5>
+              <h5 class="card-title h-card-title">
-                            <div class="d-flex justify-content-between align-items-center">
+                {{ .Item.Name }}
-                                <div class="btn-group">
+              </h5>
-                                    <a href="/product/{{.Item.Id}}">
+              <div class="d-flex justify-content-center align-items-center">
-                                        <button type="button" class="btn btn-sm btn-outline-secondary">Buy</button>
+                <small class="text-muted">
-                                    </a>
+                  {{ renderMoney .Price }}
-                                </div>
+                </small>
-                                <small class="text-muted">
+              </div>
-                                    {{ renderMoney .Price }} 
-                                </strong>
-                                </small>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                {{ end }}
-            </div>
-            <div class="row">
-                {{ with $.ad }}{{ template "text_ad" . }}{{ end}}
-            </div>
             </div>
+          </div>
         </div>
-    </main>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</main>
 
-    {{ template "footer" . }}
+{{ template "footer" . }}
 
-{{ end }}
+{{ end }}

src/frontend/templates/order.html

@@ -1,37 +1,41 @@
 {{ define "order" }}
     {{ template "header" . }}
-
+    <div {{ with $.platform_css }} class="{{.}}" {{ end }}>
-    <main role="main">
+        <span class="platform-flag">
+          {{$.platform_name}}
+        </span>
+      </div>
+    <main role="main" class="order">
         <div class="py-5">
-            <div class="container bg-light py-3 px-lg-5">
+            <div class="container py-3 px-lg-5">
                 <div class="row mt-5 py-2">
-                    <div class="col">
+                    <div class="col text-center">
-                    <h3>
+                        <img class="order-logo" src="/static/icons/Hipster_HeroLogoCyan.svg" alt="icon" />
-                        Your order is complete!
+                        <h3>
-                    </h3>
+                            Your order is complete!
-                    <p>
+                        </h3>
-                        Order Confirmation ID: <strong>{{.order.OrderId}}</strong>
+                        <p>Order Confirmation ID</p>
-                        <br>
+                        <p class="mg-bt"><strong>{{.order.OrderId}}</strong></p>
-                        Shipping Tracking ID: <strong>{{.order.ShippingTrackingId}}</strong>
+                        <p>Shipping Tracking ID</p>
-                    </p>
+                        <p class="mg-bt"><strong>{{.order.ShippingTrackingId}}</strong></p>
-                    <p>
+                        <p>Shipping Cost</p>
-                        Shipping Cost: <strong>{{renderMoney .order.ShippingCost}}</strong>
+                        <p class="mg-bt"><strong>{{renderMoney .order.ShippingCost}}</strong></p>
-                        <br>
+                        <p>Total Paid</p>
-                        Total Paid: <strong>{{renderMoney .total_paid}}</strong>
+                        <p class="mg-bt"><strong>{{renderMoney .total_paid}}</strong></p>
-                    </p>
-                    <a class="btn btn-primary" href="/" role="button">Browse other products &rarr; </a>
                     </div>
                 </div>
-                <hr/>
 
-                {{ if $.recommendations }}
-                <div class="row mt-5 py-2">
-                    {{ template "recommendations" $.recommendations }}
-                </div>
-                {{ end }}
             </div>
+            <div class="container py-3 px-lg-5">
+                <div class="row py-2 text-center">
+                    <a class="btn btn-info" href="/" role="button" style="margin-top: 40px; margin-bottom: 40px;">Keep Browsing</a>
+                </div>
+            </div>
+            {{ if $.recommendations }}
+                {{ template "recommendations" $.recommendations }}
+            {{ end }}
         </div>
     </main>
 
     {{ template "footer" . }}
-{{ end }}
+    {{ end }}

src/frontend/templates/product.html

@@ -1,56 +1,58 @@
 {{ define "product" }}
-    {{ template "header" . }}
+{{ template "header" . }}
+<div {{ with $.platform_css }} class="{{.}}" {{ end }}>
+  <span class="platform-flag">
+    {{$.platform_name}}
+  </span>
+</div>
 
-    <main role="main">
+<main role="main">
-        <div class="py-5">
+  <div class="h-product">
-            <div class="container bg-light py-3 px-lg-5 py-lg-5">
+    <div class="row">
-                <div class="row">
+      <div class="col">
-                    <div class="col-12 col-lg-5">
+        <img src="{{$.product.Item.Picture}}" />
-                            <img class="img-fluid border" style="width: 100%;"
+      </div>
-                            src="{{$.product.Item.Picture}}" />
+      <div class="product-info col">
-                    </div>
+        <div class="product-wrapper">
-                    <div class="col-12 col-lg-7">
+          <h2>{{$.product.Item.Name}}</h2>
-                            <h2>{{$.product.Item.Name}}</h2>
-                            
-                            <p class="text-muted">
-                                {{ renderMoney $.product.Price}}
-                            </p>
-                            <hr/>
-                            <p>
-                                <h6>Product Description:</h6>
-                                {{$.product.Item.Description}}
-                            </p>
-                            <hr/>
 
-                            <form method="POST" action="/cart" class="form-inline text-muted">
+          <p class="text-muted">
-                                <input type="hidden" name="product_id" value="{{$.product.Item.Id}}"/>
+            {{ renderMoney $.product.Price}}
-                                <div class="input-group">
+          </p>
-                                    <div class="input-group-prepend">
+          <div>
-                                        <label class="input-group-text" for="quantity">Quantity</label>
+            <h6>Product Description:</h6>
-                                    </div>
+            {{$.product.Item.Description}}
-                                    <select name="quantity" id="quantity" class="custom-select form-control form-control-lg">
+          </div>
-                                        <option>1</option>
+
-                                        <option>2</option>
+          <form method="POST" action="/cart" class="form-inline">
-                                        <option>3</option>
+            <input type="hidden" name="product_id" value="{{$.product.Item.Id}}" />
-                                        <option>4</option>
+            <div class="input-group">
-                                        <option>5</option>
+              <div class="input-group-prepend">
-                                        <option>10</option>
+                <label class="input-group-text" for="quantity">Quantity</label>
-                                    </select>
+              </div>
-                                    <button type="submit" class="btn btn-info btn-lg ml-3">Add to Cart</button>
+              <select name="quantity" id="quantity" class="custom-select form-control form-control-lg">
-                                </div>
+                <option>1</option>
-                            </form>
+                <option>2</option>
-                    </div>
+                <option>3</option>
-                </div>
+                <option>4</option>
-                
+                <option>5</option>
-                {{ if $.recommendations}}
+                <option>10</option>
-                    <hr/>
+              </select>
-                    {{ template "recommendations" $.recommendations }}
+              <button type="submit" class="btn btn-info btn-lg ml-3">Add to Cart</button>
-                {{ end }}
-                
-                {{ with $.ad }}{{ template "text_ad" . }}{{ end}}
             </div>
+          </form>
         </div>
-    
+      </div>
-    </main>
+    </div>
-    {{ template "footer" . }}
+  </div>
-{{ end }}
+  <div class="container py-3 px-lg-5 py-lg-5">
+    {{ if $.recommendations}}
+      {{ template "recommendations" $.recommendations }}
+    {{ end }}
+
+   {{ with $.ad }}{{ template "text_ad" . }}{{ end}}
+
+  </div>
+</main>
+{{ template "footer" . }}
+{{ end }}

src/frontend/templates/recommendations.html

@@ -1,21 +1,26 @@
 {{ define "recommendations" }}
-<h5 class="text-muted">Products you might like</h5>
+<section class="recommendations">
-<div class="row my-2 py-3">
+    <div class="container">
-    {{range . }}
+      <div class="image">
-        <div class="col-sm-6 col-md-4 col-lg-3">
+        <img src="/static/icons/Hipster_OtherProducts.svg" alt="icon" />
-            <div class="card mb-3 box-shadow">
+      </div>
-                <a href="/product/{{.Id}}">
+      <div class="row prods">
-                    <img class="card-img-top border-bottom" alt =""
+          {{range . }}
-                        style="width: 100%; height: auto;"
+          <div class="col-md-3">
-                        src="{{.Picture}}">
+            <div class="h-card card mb-3 box-shadow">
-                </a>
+              <a href="/product/{{.Id}}">
-                <div class="card-body text-center py-2">
+                <img alt="" style="width: 100%; height: auto;" src="{{.Picture}}">
-                    <small class="card-title text-muted">
+                <div class="card-hover"></div>
-                        {{ .Name }}
+              </a>
-                    </small>
+              <div class="card-body text-center py-2">
-                </div>
+                <h5 class="card-title h-card-title">
+                  {{ .Name }}
+                </h5>
+              </div>
             </div>
+          </div>
+          {{ end }}
         </div>
-    {{ end }}
+    </div>
-</div>
+</section>
-{{ end }}
+{{ end }}

src/productcatalogservice/products.json

@@ -107,4 +107,4 @@
             "categories": ["gardening"]
         }
     ]
-}
+}