Merge remote-tracking branch 'website/main'

.gitignore

@@ -0,0 +1,4 @@
+# Hugo generated files
+resources/_gen/
+public/
+.hugo_build.lock

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/hugo-fresh"]
+	path = themes/hugo-fresh
+	url = https://github.com/StefMa/hugo-fresh

archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

config.yml

@@ -0,0 +1,148 @@
+baseURL: https://barkr.8bitsqu.id/
+languageCode: en-us
+title: Barkr
+theme: hugo-fresh
+# Disables warnings
+disableKinds:
+  - taxonomy
+  - taxonomyTerm
+markup:
+  goldmark:
+    renderer:
+      unsafe: true # Allows you to write raw html in your md files
+
+params:
+  # Open graph allows easy social sharing. If you don't want it you can set it to false or just delete the variable
+  openGraph: true
+  # Used as meta data; describe your site to make Google Bots happy
+  description: Barkr is a simple, fast, and easy way to keep track of your pet and their safety.
+  navbarlogo:
+    image: logos/logo.png # from static/images/logos/logo.png
+    link: /
+  font:
+    name: "Open Sans"
+    sizes: [400, 600]
+  hero:
+    title: Peace of mind, even when they're out
+    subtitle: Worldwide tracking coverage and revolutionary battery life
+    buttontext: Features
+    buttonlink: "#Features"
+    image: logos/largeLogo.png # from static/images/logos/largelogo.png
+  navbar:
+    - title: Features
+      url: /#Features
+    - title: Pricing
+      url: /#Pricing
+    - title: Reviews
+      url: /#Reviews
+    - title: Why Barkr
+      url: /blog/why
+    - title: Sign up
+      url: /signup
+      button: true
+  section1:
+    title: Features
+    subtitle: Everything you need to know
+    tiles:
+      - title: Worldwide Tracking Coverage
+        icon: mouse-globe
+        text: Based on Apple's FindMyNetwork
+        url: /blog/why
+        buttonText: Find Out More
+      - title: Web Dashboard
+        icon: laptop-cloud
+        text: As a mobile app or computer web-site
+        url: /#Online Dashboard
+        buttonText: Preview
+      - title: Multi-week Battery Life
+        icon: plug-cloud
+        text: Never worry about running out of power
+        url: /signup
+        buttonText: Get started
+  section2:
+    title: Pricing
+    subtitle: Only the best for your best friend
+    Tiles:
+      - title: Hardware
+        icon: hardware
+        text: $39.99, just the hardware you need, nothing more - lightweight and safe to use
+        url: /shop
+        buttonText: Buy Now
+      - title: Lite Plan
+        icon: lite
+        text: $0.99/month, get all the tracking data at an affordable price for your best friend
+        url: /signup
+        buttonText: Get started
+      - title: Premium Plan
+        icon: full
+        text: $2.99/month, get tracking, health and safety statistics, without breaking the bank
+        url: /signup
+        buttonText: Get started
+  section3:
+    title: Online Dashboard
+    subtitle: Incase you don't have your phone handy
+    image: dashboardMockup.png
+    buttonText: Dashboard Guide
+    buttonLink: /docs/dashboard
+  section4:
+    title: App
+    subtitle: Built for cross-platform using Flutter
+    image: appMockup.png
+    buttonText: App Guide
+    buttonLink: /docs/app
+  section5:
+    title: Reviews
+    subtitle: Our users love it!
+    clients:
+      - name: Linda W.
+        quote: Sometimes my dog likes to chase after birds in the neighborhood, this gives me peace of mind that he's safe.
+        job: Verified Buyer
+        img: 1
+      - name: James T.
+        quote: The battery life is insane. Alerts usually within a minute and accurate enough location.
+        job: Verified Buyer
+        img: 2
+      - name: David L.
+        quote: With this, you never need to worry about it being charged. Had it for weeks and it's still half full.
+        job: Early Tester
+        img: 3
+  footer:
+    logo: logo.png
+    quicklinks:
+      column1:
+        title: "Product"
+        links:
+          - text: Discover features
+            link: /#Features
+          - text: Check pricing
+            link: /#Pricing
+          - text: Read the reviews
+            link: /#Reviews
+      column2:
+        title: "Docs"
+        links:
+          - text: Quickstart guide
+            link: /docs/quickstart
+          - text: App guide
+            link: /docs/app
+          - text: Dashboard guide
+            link: /docs/dashboard
+      column3:
+        title: "Blog"
+        links:
+          - text: Why Barkr
+            link: /blog/why
+          - text: Who we are
+            link: /blog/about
+          - text: Contact us
+            link: /blog/contact
+    socialmediatitle: Follow Us / More Info
+    socialmedia:
+      - link: https://github.com/LEG-Industries/ELEC60013-ES-CW1-Website
+        icon: github
+      - link: https://facebook.com/#
+        icon: facebook
+      - link: https://instagram.com/#
+        icon: instagram
+      - link: https://twitter.com/#
+        icon: twitter

content/blog/about.md

@@ -0,0 +1,4 @@
+---
+title: About Us
+include_footer: true # or false to display the footer
+---

content/blog/contact.md

@@ -0,0 +1,4 @@
+---
+title: Contact Us
+include_footer: true # or false to display the footer
+---

content/blog/why.md

@@ -0,0 +1,18 @@
+---
+title: What makes Barkr Unique?
+include_footer: true # or false to display the footer
+---
+
+- Outstanding battery life and lightness
+  - We do not rely on bulky and battery-intensive GPS devices; instead we use Apple’s FindMy Network, reserving battery power for only the on-device sensors. This allows us to increase battery life and make the collar even lighter, taking a literal load off your pet’s shoulders.
+- Increased privacy
+  - All of your data is transmitted over encrypted channels and stored securely using Google’s state-of-the-art services so you can sleep safe at night knowing that no one else can track your pet. Of course, Barkr keeps your data for only as long as its necessary and not a minute more, minimizing the chance of a privacy breach.
+
+{{< rawhtml >}} <!-- markdownlint-disable MD033 -->
+<div>
+  <div style="position:relative;padding-top:56.25%;">
+    <iframe src="https://www.youtube-nocookie.com/embed/yZLlXkdaVFs" frameborder="0" allowfullscreen
+      style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
+  </div>
+</div>
+{{< /rawhtml >}} <!-- markdownlint-enable MD033 -->

content/docs/app.md

@@ -0,0 +1,4 @@
+---
+title: App Guide
+include_footer: true # or false to display the footer
+---

content/docs/dashboard.md

@@ -0,0 +1,4 @@
+---
+title: Dashboard Guide
+include_footer: true # or false to display the footer
+---

content/docs/quickstart.md

@@ -0,0 +1,4 @@
+---
+title: Quickstart Guide
+include_footer: true # or false to display the footer
+---

content/shop.md

@@ -0,0 +1,12 @@
+---
+title: Shop
+include_footer: true # or false to display the footer
+---
+
+{{< rawhtml >}} <!-- markdownlint-disable MD033 -->
+<img class="pushed-image" src="/images/collar.jpg" alt="Smart Collar" width="400">
+<br>
+<b>Get the Barkr collar for a fixed, low price of $39.99</b>
+<br>
+<a href="/shop/collar" class="button btn-align-md accent-btn raised">Add to Cart</a>
+{{< /rawhtml >}} <!-- markdownlint-enable MD033 -->

layouts/partials/section1.html

@@ -0,0 +1,41 @@
+{{- $section1 := .Site.Params.section1 }} {{- $title := index $section1 "title"
+}} {{- $subtitle := index $section1 "subtitle" }} {{- $tiles := index $section1
+"tiles" }}
+<section id="{{ $title }}" class="section section-feature-grey is-medium">
+  <div class="container">
+    <div class="title-wrapper has-text-centered">
+      <h2 class="title is-2">{{ $title }}</h2>
+      <h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
+      <div class="divider is-centered"></div>
+    </div>
+
+    <div class="content-wrapper">
+      <div class="columns">
+        {{- range $tiles }}
+        <div class="column is-one-third">
+          <div
+            class="feature-card is-bordered has-text-centered revealOnScroll delay-1"
+            data-animation="fadeInLeft"
+          >
+            <div class="card-title">
+              <h4>{{ .title }}</h4>
+            </div>
+            <div class="card-icon">
+              <img src="{{ printf "/images/illustrations/icons/%s.svg" .icon |
+              relURL }}">
+            </div>
+            <div class="card-text">
+              <p>{{ .text }}</p>
+            </div>
+            <div class="card-action">
+              <a href="{{ .url }}" class="button btn-align-md accent-btn raised"
+                >{{ .buttonText }}</a
+              >
+            </div>
+          </div>
+        </div>
+        {{- end }}
+      </div>
+    </div>
+  </div>
+</section>

layouts/partials/section2.html

@@ -0,0 +1,41 @@
+{{- $section2 := .Site.Params.section2 }} {{- $title := index $section2 "title"
+}} {{- $subtitle := index $section2 "subtitle" }} {{- $tiles := index $section2
+"tiles" }}
+<section id="{{ $title }}" class="section section-feature-grey is-medium">
+  <div class="container">
+    <div class="title-wrapper has-text-centered">
+      <h2 class="title is-2">{{ $title }}</h2>
+      <h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
+      <div class="divider is-centered"></div>
+    </div>
+
+    <div class="content-wrapper">
+      <div class="columns">
+        {{- range $tiles }}
+        <div class="column is-one-third">
+          <div
+            class="feature-card is-bordered has-text-centered revealOnScroll delay-1"
+            data-animation="fadeInLeft"
+          >
+            <div class="card-title">
+              <h4>{{ .title }}</h4>
+            </div>
+            <div class="card-icon">
+              <img src="{{ printf "/images/illustrations/icons/%s.svg" .icon |
+              relURL }}">
+            </div>
+            <div class="card-text">
+              <p>{{ .text }}</p>
+            </div>
+            <div class="card-action">
+              <a href="{{ .url }}" class="button btn-align-md accent-btn raised"
+                >{{ .buttonText }}</a
+              >
+            </div>
+          </div>
+        </div>
+        {{- end }}
+      </div>
+    </div>
+  </div>
+</section>

layouts/partials/section3.html

@@ -0,0 +1,30 @@
+{{- $section3 := .Site.Params.section3 }} {{- $title := index $section3 "title"
+}} {{- $subtitle := index $section3 "subtitle" }} {{- $image := index $section3
+"image" }} {{- $buttonText := index $section3 "buttontext" }} {{- $buttonLink :=
+index $section3 "buttonlink" }}
+<section id="{{ $title }}" class="section section-feature-grey is-medium">
+  <div class="container">
+    <div class="columns">
+      <div class="column is-10 is-offset-1">
+        <div class="has-text-centered">
+          <img class="pushed-image" src="{{ printf "/images/%s" $image | relURL
+          }}">
+        </div>
+      </div>
+    </div>
+
+    <div class="title-wrapper has-text-centered">
+      <h2 class="title is-2">{{ $title }}</h2>
+      <h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
+    </div>
+
+    <p class="has-text-centered mt-20">
+      <a
+        class="button cta is-large rounded secondary-btn raised"
+        href="{{ $buttonLink }}"
+      >
+        {{ $buttonText }}
+      </a>
+    </p>
+  </div>
+</section>

layouts/partials/section4.html

@@ -0,0 +1,30 @@
+{{- $section4 := .Site.Params.section4 }} {{- $title := index $section4 "title"
+}} {{- $subtitle := index $section4 "subtitle" }} {{- $image := index $section4
+"image" }} {{- $buttonText := index $section4 "buttontext" }} {{- $buttonLink :=
+index $section4 "buttonlink" }}
+<section id="{{ $title }}" class="section section-feature-grey is-medium">
+  <div class="container">
+    <div class="columns">
+      <div class="column is-10 is-offset-1">
+        <div class="has-text-centered">
+          <img class="pushed-image" src="{{ printf "/images/%s" $image | relURL
+          }}">
+        </div>
+      </div>
+    </div>
+
+    <div class="title-wrapper has-text-centered">
+      <h2 class="title is-2">{{ $title }}</h2>
+      <h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
+    </div>
+
+    <p class="has-text-centered mt-20">
+      <a
+        class="button cta is-large rounded secondary-btn raised"
+        href="{{ $buttonLink }}"
+      >
+        {{ $buttonText }}
+      </a>
+    </p>
+  </div>
+</section>

layouts/partials/section5.html

@@ -0,0 +1,31 @@
+{{- $section5 := .Site.Params.section5 }} {{- $title := index $section5 "title"
+}} {{- $subtitle := index $section5 "subtitle" }} {{- $clients := index
+$section5 "clients" }}
+<section id="{{ $title }}" class="section is-medium section-secondary">
+  <div class="container">
+    <div class="title-wrapper has-text-centered">
+      <h2 class="title is-2 light-text is-spaced">{{ $title }}</h2>
+      {{- with $subtitle }}
+      <h3 class="subtitle is-5 light-text">{{ . }}</h3>
+      {{- end }}
+    </div>
+
+    <div class="content-wrapper">
+      <div class="columns is-vcentered">
+        {{- range $clients }}
+        <div class="column is-4">
+          <figure class="testimonial">
+            <blockquote>{{ .quote }}</blockquote>
+            <div class="author">
+              <img src="{{ printf "/images/illustrations/faces/%s.png" (string
+              .img) | relURL }}" alt=""/>
+              <h5>{{ .name }}</h5>
+              <span>{{ .job }}</span>
+            </div>
+          </figure>
+        </div>
+        {{- end }}
+      </div>
+    </div>
+  </div>
+</section>

layouts/shortcodes/rawhtml.html

@@ -0,0 +1,2 @@
+<!-- raw html -->
+{{.Inner}}

readme.md

@@ -0,0 +1,3 @@
+# Marketing website for ELEC60013 Embedded Systems Coursework 1
+
+Built using Hugo, a static site generator, with the [hugo-fresh](https://github.com/StefMa/hugo-fresh) theme

themes/hugo-fresh

@@ -0,0 +1 @@
+Subproject commit 17f51372b615e3c92d44d79f1edfd2fd1866aec7