Skip to content
Permalink
Browse files

improved about page with contact stuff

  • Loading branch information
aaronpowell committed Dec 18, 2019
1 parent 1418160 commit be331b9267c423fd0b34a5727b36e6ef5456beda
Showing with 104 additions and 27 deletions.
  1. +1 −5 src/config.toml
  2. +13 −0 src/content/about.md
  3. +63 −0 src/layouts/shortcodes/contact-me.html
  4. +27 −22 src/themes/aaronpowell/assets/sass/main.scss
@@ -25,14 +25,10 @@ home = [ "HTML", "RSS", "JSON"]
name = "Talks"
url = "talks"
weight = 4
[[menu.nav]]
name = "Contact"
url = "contact"
weight = 5
[[menu.nav]]
name = "Search"
url = "search"
weight = 6
weight = 5

[params]
home = "Home"
@@ -9,3 +9,16 @@ Hi, my name's Aaron Powell and I'm a [Cloud Developer Advocate (CDA) at Microsof
I'm also a passionate Open Source developer, with one of my main pet projects being [Chauffeur](https://github.com/aaronpowell/chauffeur) an automation tool for the [Umbraco CMS](http://umbraco.com).

I do quite a bit of community work and public speaking, you'll often find me at user groups in Sydney such as [ALT.NET Sydney](https://www.meetup.com/en-AU/Sydney-Alt-Net/), presenting at conferences (see below for my upcoming speaking engagements) or organising the [DDD Sydney](http://dddsydney.com.au) conference.

## Contact Me

I'm happy for people to reach out and contact me, whether it's for advice on getting into public speaking (or other career advice), to help review abstracts for conferences, provide peer-review of blogs/content you're producing or to speak at an event. You can contact me via:

* [Twitter Direct Message](https://twitter.com/slace) (my DM's are open)
* [LinkedIn](https://www.linkedin.com/in/aaron-powell-66038631/)
* [Dev.to Chat](https://dev.to/aaronpowell)
* [GitHub](https://github.com/aaronpowell)

Or via the form below.

{{< contact-me >}}
@@ -0,0 +1,63 @@
<form
action="https://prod-16.southcentralus.logic.azure.com:443/workflows/85f17f1133ce4161a33d70e53229c9ee/triggers/manual/paths/invoke?api-version=2016-10-01&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=qPK9UbAoObFz1yconzDzFM3sZzFF64qgxsRGYhlR35M"
method="POST"
id="contact"
>
<fieldset>
<span>
<label for="name">Your Name</label>
<input
id="name"
name="name"
type="text"
placeholder="Jane Doe"
required
/>
</span>

<span>
<label for="email">Your Email</label>
<input
id="email"
name="email"
type="email"
placeholder="my-email@place.com"
required
/>
</span>
<span>
<label for="message">Message</label>
<textarea
name="message"
id="message"
cols="30"
rows="10"
required
></textarea>
</span>
</fieldset>
<fieldset>
<button type="submit">Submit</button>
<button type="reset">Clear</button>
<p id="bot-thingy" class="hidden">
Click again to prove you're not a bot.
</p>
</fieldset>
</form>

<script>
(() => {
const $ = document.querySelector;
document.addEventListener("DOMContentLoaded", () => {
const form = $("#contact");
let attempted = false;
form.addEventListener("submit", e => {
if (!attempted) {
e.preventDefault();
attempted = true;
$("#bot-thingy").classList.toggle("hidden");
}
});
});
})();
</script>
@@ -1,19 +1,19 @@
@import './scaffolding.scss';
@import './nav.scss';
@import './banner.scss';
@import './about.scss';
@import './speaking.scss';
@import './footer.scss';
@import './series.scss';
@import './talks.scss';
@import "./scaffolding.scss";
@import "./nav.scss";
@import "./banner.scss";
@import "./about.scss";
@import "./speaking.scss";
@import "./footer.scss";
@import "./series.scss";
@import "./talks.scss";

@import url("https://fonts.googleapis.com/css?family=Rubik|Bitter");
@import url('https://fonts.googleapis.com/css?family=Fira+Code&display=swap');
@import url("https://fonts.googleapis.com/css?family=Fira+Code&display=swap");

body {
color: $primaryTextColour;
font-size: 1.25rem;
font-family: "Rubik","Poppins","Hel­vetica",Arial,sans-serif;
font-family: "Rubik", "Poppins", "Hel­vetica", Arial, sans-serif;

line-height: 1.5;

@@ -27,7 +27,7 @@ h3,
h4,
strong,
a {
color: $primaryHeaderColour;
color: $primaryHeaderColour;
}

.main {
@@ -43,9 +43,9 @@ a {
position: relative;

&:before {
content: '';
content: "";
z-index: 9;
background: rgba(2, 189, 213,.50);
background: rgba(2, 189, 213, 0.5);
position: absolute;
top: 0;
left: 0;
@@ -58,7 +58,8 @@ a {
z-index: 9;
}

h1, a {
h1,
a {
color: #fff;
padding: 0;
margin: 0;
@@ -70,11 +71,11 @@ a {
}

span:after {
content: ' | ';
content: " | ";
}

span:last-child:after {
content: '';
content: "";
}
}

@@ -89,7 +90,7 @@ a {
}

.prev:before {
content: '\00AB';
content: "\00AB";
padding-right: 5px;
}

@@ -98,7 +99,7 @@ a {
}

.next:after {
content: '\00BB';
content: "\00BB";
padding-left: 5px;
}
}
@@ -144,17 +145,21 @@ a {
box-shadow: 0 0 0 1px $primaryHighlightColour;
background-color: $primaryHighlightColour;
color: #fff;
transition: background-color .2s ease-in;
transition: background-color 0.2s ease-in;

&:hover {
transition: background-color .2s ease-in;
transition: background-color 0.2s ease-in;
background-color: darken($primaryHighlightColour, 10%);
}
}
}
}

pre {
font-family: 'Fira Code', monospace;
font-family: "Fira Code", monospace;
font-variant-ligatures: common-ligatures;
}
}

.hidden {
display: none;
}

0 comments on commit be331b9

Please sign in to comment.
You can’t perform that action at this time.