mirror of
https://github.com/mgrove36/landing-site.git
synced 2026-03-02 18:17:06 +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
|
||||
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.
|
||||
|
||||
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