mmckinnon/comprofix.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial Commit

Browse Source
This commit is contained in:
Matthew McKinnon 2022-08-07 00:57:36 +10:00
commit 8321163593
18 changed files with 357 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
.eleventy.js Normal file
View File

@ -0,0 +1,30 @@
const blogTools = require("eleventy-plugin-blog-tools");
module.exports = function(eleventyConfig) {
eleventyConfig.setUseGitIgnore(false);
eleventyConfig.addPassthroughCopy('./src/css');
eleventyConfig.addPassthroughCopy('./src/assets/');
eleventyConfig.addWatchTarget('./src/css');
eleventyConfig.addWatchTarget('./src/components');
eleventyConfig.setDataDeepMerge(true);
eleventyConfig.setTemplateFormats("html,njk,md");
eleventyConfig.addCollection('posts', function(collectionApi) {
return collectionApi.getFilteredByGlob('src/blog/posts/**/*.md')
});
eleventyConfig.addPlugin(blogTools);
return {
passthroughFileCopy: true,
dir: {
input: 'src',
includes: '_includes',
output: "_site"
}
};
}

3
.gitignore vendored Normal file
View File

@ -0,0 +1,3 @@
node_modules
_site
package-lock.json

23
package.json Normal file
View File

@ -0,0 +1,23 @@
{
"name": "comprofix-website",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build": "eleventy",
"watch": "eleventy --watch",
"serve": "eleventy --serve",
"start": "eleventy --serve",
"debug": "DEBUG=* eleventy"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"@11ty/eleventy": "^1.0.1",
"@11ty/eleventy-fetch": "^3.0.0",
"common-tags": "^1.8.2",
"dotenv": "^16.0.1",
"eleventy-plugin-blog-tools": "^0.3.1"
}
}

40
src/_includes/layouts/base.njk Normal file
View File

@ -0,0 +1,40 @@
<html>
<head>
<title>{{ title }}</title>
<link rel="stylesheet" href="/css/global.css" />
<div class="menu">
<ul class="menu>">
<li class="menu"><a href="/">Home</a></li>
<li class="menu"><a href="/disclaimer">Disclaimer</a></li>
<li class="menu"><a href="/contact">Contact Me</a></li>
<!-- <li class="menu" float=right><a href="#About">Remote Support</a></li> !-->
</ul>
</div>
<div class="hero-image">
<div class="hero-text">
<h1 style="font-size:50px">Comprofix</h1>
<p style="font-size:24px">Computer Problems Fixed</p>
</div>
</div>
{% block head %}
{% endblock %}
</head>
<body>
<article class="post_content">
{% block content %}
{{ content | safe }}
{% endblock %}
</article>
</body>
<div class="container-footer">
<div class="footer">
<span class="footer-text">
Built with Eleventy
<br>
Copyright (c) 2022 - Comprofix
</span>
</div>
</div>
</html>

4
src/_includes/layouts/blog.njk Normal file
View File

@ -0,0 +1,4 @@
{% extends "layouts/base.njk" %}
{% block head %}
{% endblock %}

40
src/_includes/layouts/homepage.njk Normal file
View File

@ -0,0 +1,40 @@
<html>
<head>
<title>{{ title }}</title>
<link rel="stylesheet" href="/css/global.css" />
<div class="menu">
<ul class="menu>">
<li class="menu"><a href="/">Home</a></li>
<li class="menu"><a href="/disclaimer">Disclaimer</a></li>
<li class="menu"><a href="/contact">Contact Me</a></li>
<!-- <li class="menu" float=right><a href="#About">Remote Support</a></li> !-->
</ul>
</div>
<div class="hero-image">
<div class="hero-text">
<h1 style="font-size:50px">Comprofix</h1>
<p style="font-size:24px">Computer Problems Fixed</p>
</div>
</div>
{% block head %}
{% endblock %}
</head>
<body>
{% block content %}
{{ content | safe }}
{% endblock %}
</body>
<div class="container-footer">
<div class="footer">
<span class="footer-text">
Built with Eleventy
<br>
Copyright (c) 2022 - Comprofix
</span>
</div>
</div>
</html>

19
src/_includes/layouts/post.njk Normal file
View File

@ -0,0 +1,19 @@
{% extends "layouts/blog.njk" %}
{% block head %}
{% endblock %}
{% block content %}
<h1>{{ title }}</h1>
<p><time>{{ page.date }} </time></p>
<ul>
{% for tag in tags %}
<li>
<a href="/blog/tag/{{ tag | slugify }}">{{ tag }}</a>
</li>
{% endfor %}
</ul>
{{ content | safe }}
{% endblock %}

BIN
src/assets/img/child-computer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 176 KiB

BIN
src/assets/img/child-laptop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
src/assets/img/desktop-computer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

BIN
src/assets/img/fireworks.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 61 KiB

BIN
src/assets/img/header.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 308 KiB

25
src/blog/index.njk Normal file
View File

@ -0,0 +1,25 @@
---
layout: layouts/blog.njk
title: Blog
eleventyExcludeFromCollections: true
---
<h1>{{ title }}</h1>
<ul>
{% for post in collections.posts %}
<li>
<a href={{ post.url }}>{{ post.data.title }}</a>
</li>
{% endfor %}
</ul>

7
src/contact.md Normal file
View File

@ -0,0 +1,7 @@
---
layout: layouts/homepage.njk
title: Computer Problems Fixed
eleventyExcludeFromCollections: true
---
# Coming soon!

104
src/css/global.css Normal file
View File

@ -0,0 +1,104 @@
body, html {
height: 100%;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: lightgrey;
}
h1 {
font-size: 32px;
}
.hero-image {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/img/header.png");
height: 40%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
}
.menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
/*
.menu li:last-child {
float: right;
}
*/
.menu li {
float: left;
}
.menu li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.menu li a:hover {
background-color: #808080;
}
.container-footer {
width: 100%;
height: 10%
}
.footer {
background: #333;
width: 100%;
height: 100%;
}
.footer-text {
text-align: left;
display: block;
color: white;
padding: 14px 16px;
}
.blogtext {
max-width: 1200px;
margin: 20 auto;
background-color: white;
display: block;
padding: 14px 16px
}
.post_content {
max-width: 1200px;
margin: 20 auto;
background-color: white;
display: block;
padding: 14px 16px
}

13
src/disclaimer.md Normal file
View File

@ -0,0 +1,13 @@
---
layout: layouts/base.njk
title: Computer Problems Fixed
eleventyExcludeFromCollections: true
---
# Disclaimer:
You are 100% responsible for your own IT Infrastructure, applications, services and documentation. TheLazyAdministrator.com owners, authors and contributors assume no liability or responsibility for your work. Please independently confirm anything you read on this blog before executing any changes or implementing new products or services in your own environment.
Furthermore, authors and contributors are free to express their opinions, positive or negative–they are, like all opinions, not reflective of any larger group, and do not represent the opinions of anyone else.
The opinions expressed on this site are not necessarily reflective of the opinions of any companies or employers featured or not featured on this website.

25
src/index.njk Normal file
View File

@ -0,0 +1,25 @@
---
layout: layouts/homepage.njk
title: Computer Problems Fixed
eleventyExcludeFromCollections: true
---
{% block content %}
{% for post in collections.posts | reverse %}
<div class="blogtext">
<h1>{{ post.data.title }}</h1>
{{ post.data.date }}
<P>
{% excerpt post %}
<p><a href="{{post.url}}">Read More</a></p>
</div>
{% endfor %}
{% endblock %}

24
src/tag.njk Normal file
View File

@ -0,0 +1,24 @@
---
pagination:
data: collections
size: 1
alias: tag
addAllPagesToCollections: true
layout: layouts/base.njk
permalink: /blog/tag/{{ tag | slugify}}/index.html
eleventyComputed:
title: Posts Tagged with {{ tag }}
eleventyExcludeFromCollections: true
---
<h1>Posts Tagged with {{ tag }}</h1>
{% for post in collections[tag] %}
<li>
<a href="{{ post.url }}">{{ post.data.title }}</a>
</li>
{% endfor %}