diff --git a/404.html b/404.html new file mode 100644 index 0000000..759bd05 --- /dev/null +++ b/404.html @@ -0,0 +1,7 @@ +--- +permalink: /404.html +layout: none +title: Matthew Grove +--- + +{% include landing_page.html %} diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..cd29037 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +mgrove.uk \ No newline at end of file diff --git a/README.md b/README.md index 4f71078..9368f2e 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,3 @@ -# landing-site -Single page site with basic landing page +# Root domain landing site + +Single page static site with basic landing page to direct visitors to other sites. diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..aa5fa8d --- /dev/null +++ b/_config.yml @@ -0,0 +1,60 @@ +# Welcome to Jekyll! +# +# This config file is meant for settings that affect your whole blog, values +# which you are expected to set up once and rarely edit after that. If you find +# yourself editing this file very often, consider using Jekyll's data files +# feature for the data you need to update frequently. +# +# For technical reasons, this file is *NOT* reloaded automatically when you use +# 'bundle exec jekyll serve'. If you change this file, please restart the server process. +# +# If you need help with YAML syntax, here are some quick references for you: +# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml +# https://learnxinyminutes.com/docs/yaml/ +# +# Site settings +# These are used to personalize your new site. If you look in the HTML files, +# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on. +# You can create any custom variable you would like, and they will be accessible +# in the templates via {{ site.myvariable }}. + +title: Matthew Grove +description: >- # this means to ignore newlines until "baseurl:" + Consulting services, personal portfolio, and CV for Matthew Grove. +baseurl: "" # the subpath of your site, e.g. /blog +url: "https://mgrove.uk" # the base hostname & protocol for your site, e.g. http://example.com + +defaults: + - scope: + path: "" + type: subpages + values: + layout: default +collections: + subpages: + output: true + +# Build settings +# theme: minima +# plugins: +# - jekyll-feed + +# Exclude from processing. +# The following items will not be processed, by default. +# Any item listed under the `exclude:` key here will be automatically added to +# the internal "default list". +# +# Excluded items can be processed by explicitly listing the directories or +# their entries' file path in the `include:` list. +# +# exclude: +# - .sass-cache/ +# - .jekyll-cache/ +# - gemfiles/ +# - Gemfile +# - Gemfile.lock +# - node_modules/ +# - vendor/bundle/ +# - vendor/cache/ +# - vendor/gems/ +# - vendor/ruby/ diff --git a/_includes/landing_page.html b/_includes/landing_page.html new file mode 100644 index 0000000..af4ccf4 --- /dev/null +++ b/_includes/landing_page.html @@ -0,0 +1,42 @@ + + + + + + + {{ site.title }} + + + + + + + + + + + + + + +
+

{{ site.title }}

+
+ + +

Consulting Services

+ + + +

Personal Portfolio & CV

+ +
+
+ + diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..febbe38 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,70 @@ +:root { + --white-2: hsl(0, 0%, 98%); +} + +html { + font-family: "Poppins"; + background: hsl(0, 0%, 7%); + height: 100%; +} + +body { + height: calc(100% - 32px); + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + padding: 16px 24px; + margin: 0; +} + +h1 { + color: var(--white-2); +} + +h3 { + color: #ff6e75; + margin: 0; + text-align: center; +} + +div { + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 48px; + row-gap: 24px; + justify-content: center; +} + +a { + padding: 48px; + background: linear-gradient( + to bottom right, + hsla(240, 1%, 18%, 0.251) 0%, + hsla(240, 2%, 11%, 0) 100% + ), hsl(240, 2%, 13%); + box-shadow: 0 16px 30px hsla(0, 0%, 0%, 0.25); + border-radius: 14px; + text-decoration: none; + display: flex; + flex-direction: column; + gap: 24px; + align-items: center; + transition: transform 0.2s; +} + +a:hover { + transform: scale(1.05); +} + +svg { + width: 64px; + fill: var(--white-2); +} + +@media screen and (max-width: 693px) { + h1 { + text-align: center; + } +} \ No newline at end of file diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 0000000..996769c Binary files /dev/null and b/assets/images/logo.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c77f76e --- /dev/null +++ b/index.html @@ -0,0 +1,7 @@ +--- +permalink: / +layout: none +title: Matthew Grove +--- + +{% include landing_page.html %}