mirror of
https://github.com/mgrove36/landing-site.git
synced 2026-03-03 02:27:07 +00:00
Publish basic landing site
This commit is contained in:
7
404.html
Normal file
7
404.html
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
---
|
||||||
|
permalink: /404.html
|
||||||
|
layout: none
|
||||||
|
title: Matthew Grove
|
||||||
|
---
|
||||||
|
|
||||||
|
{% include landing_page.html %}
|
||||||
@@ -1,2 +1,3 @@
|
|||||||
# landing-site
|
# Root domain landing site
|
||||||
Single page site with basic landing page
|
|
||||||
|
Single page static site with basic landing page to direct visitors to other sites.
|
||||||
|
|||||||
60
_config.yml
Normal file
60
_config.yml
Normal file
@@ -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/
|
||||||
42
_includes/landing_page.html
Normal file
42
_includes/landing_page.html
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>{{ site.title }}</title>
|
||||||
|
|
||||||
|
<!--
|
||||||
|
- favicon
|
||||||
|
-->
|
||||||
|
<link rel="shortcut icon" href="/assets/images/logo.png" type="image/x-icon">
|
||||||
|
|
||||||
|
<!--
|
||||||
|
- custom css link
|
||||||
|
-->
|
||||||
|
<link rel="stylesheet" href="/assets/css/style.css">
|
||||||
|
|
||||||
|
<!--
|
||||||
|
- google font link
|
||||||
|
-->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<h1>{{ site.title }}</h1>
|
||||||
|
<div>
|
||||||
|
<a href="https://services.mgrove.uk">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M128 32C92.7 32 64 60.7 64 96l0 256 64 0 0-256 384 0 0 256 64 0 0-256c0-35.3-28.7-64-64-64L128 32zM19.2 384C8.6 384 0 392.6 0 403.2C0 445.6 34.4 480 76.8 480l486.4 0c42.4 0 76.8-34.4 76.8-76.8c0-10.6-8.6-19.2-19.2-19.2L19.2 384z"/></svg>
|
||||||
|
<h3>Consulting Services</h3>
|
||||||
|
</a>
|
||||||
|
<a href="https://me.mgrove.uk">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 80l0 48c0 17.7 14.3 32 32 32l16 0 48 0 0-80c0-26.5-21.5-48-48-48S0 53.5 0 80zM112 32c10 13.4 16 30 16 48l0 304c0 35.3 28.7 64 64 64s64-28.7 64-64l0-5.3c0-32.4 26.3-58.7 58.7-58.7L480 320l0-192c0-53-43-96-96-96L112 32zM464 480c61.9 0 112-50.1 112-112c0-8.8-7.2-16-16-16l-245.3 0c-14.7 0-26.7 11.9-26.7 26.7l0 5.3c0 53-43 96-96 96l176 0 96 0z"/></svg>
|
||||||
|
<h3>Personal Portfolio & CV</h3>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
70
assets/css/style.css
Normal file
70
assets/css/style.css
Normal file
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
assets/images/logo.png
Normal file
BIN
assets/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
7
index.html
Normal file
7
index.html
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
---
|
||||||
|
permalink: /
|
||||||
|
layout: none
|
||||||
|
title: Matthew Grove
|
||||||
|
---
|
||||||
|
|
||||||
|
{% include landing_page.html %}
|
||||||
Reference in New Issue
Block a user