@ -1,6 +0,0 @@ |
|||
AllCops: |
|||
Exclude: |
|||
- _site/**/* |
|||
|
|||
Metrics/LineLength: |
|||
Enabled: false |
@ -1,6 +0,0 @@ |
|||
language: ruby |
|||
cache: bundler |
|||
rvm: 2.6 |
|||
|
|||
install: script/bootstrap |
|||
script: script/cibuild |
@ -1,5 +0,0 @@ |
|||
# frozen_string_literal: true |
|||
|
|||
source 'https://rubygems.org' |
|||
|
|||
gemspec |
@ -1,93 +0,0 @@ |
|||
# The Minimal theme |
|||
|
|||
[](https://travis-ci.org/pages-themes/minimal) [](https://badge.fury.io/rb/jekyll-theme-minimal) |
|||
|
|||
*Minimal is a Jekyll theme for GitHub Pages. You can [preview the theme to see what it looks like](http://pages-themes.github.io/minimal), or even [use it today](#usage).* |
|||
|
|||
 |
|||
|
|||
## Usage |
|||
|
|||
To use the Minimal theme: |
|||
|
|||
1. Add the following to your site's `_config.yml`: |
|||
|
|||
```yml |
|||
theme: jekyll-theme-minimal |
|||
``` |
|||
|
|||
2. Optionally, if you'd like to preview your site on your computer, add the following to your site's `Gemfile`: |
|||
|
|||
```ruby |
|||
gem "github-pages", group: :jekyll_plugins |
|||
``` |
|||
|
|||
|
|||
|
|||
## Customizing |
|||
|
|||
### Configuration variables |
|||
|
|||
Minimal will respect the following variables, if set in your site's `_config.yml`: |
|||
|
|||
```yml |
|||
title: [The title of your site] |
|||
description: [A short description of your site's purpose] |
|||
``` |
|||
|
|||
Additionally, you may choose to set the following optional variables: |
|||
|
|||
```yml |
|||
logo: [Location of the logo] |
|||
show_downloads: ["true" or "false" to indicate whether to provide a download URL] |
|||
google_analytics: [Your Google Analytics tracking ID] |
|||
``` |
|||
|
|||
### Stylesheet |
|||
|
|||
If you'd like to add your own custom styles: |
|||
|
|||
1. Create a file called `/assets/css/style.scss` in your site |
|||
2. Add the following content to the top of the file, exactly as shown: |
|||
```scss |
|||
--- |
|||
--- |
|||
|
|||
@import "{{ site.theme }}"; |
|||
``` |
|||
3. Add any custom CSS (or Sass, including imports) you'd like immediately after the `@import` line |
|||
|
|||
### Layouts |
|||
|
|||
If you'd like to change the theme's HTML layout: |
|||
|
|||
1. [Copy the original template](https://github.com/pages-themes/minimal/blob/master/_layouts/default.html) from the theme's repository<br />(*Pro-tip: click "raw" to make copying easier*) |
|||
2. Create a file called `/_layouts/default.html` in your site |
|||
3. Paste the default layout content copied in the first step |
|||
4. Customize the layout as you'd like |
|||
|
|||
## Roadmap |
|||
|
|||
See the [open issues](https://github.com/pages-themes/minimal/issues) for a list of proposed features (and known issues). |
|||
|
|||
## Project philosophy |
|||
|
|||
The Minimal theme is intended to make it quick and easy for GitHub Pages users to create their first (or 100th) website. The theme should meet the vast majority of users' needs out of the box, erring on the side of simplicity rather than flexibility, and provide users the opportunity to opt-in to additional complexity if they have specific needs or wish to further customize their experience (such as adding custom CSS or modifying the default layout). It should also look great, but that goes without saying. |
|||
|
|||
## Contributing |
|||
|
|||
Interested in contributing to Minimal? We'd love your help. Minimal is an open source project, built one contribution at a time by users like you. See [the CONTRIBUTING file](docs/CONTRIBUTING.md) for instructions on how to contribute. |
|||
|
|||
### Previewing the theme locally |
|||
|
|||
If you'd like to preview the theme locally (for example, in the process of proposing a change): |
|||
|
|||
1. Clone down the theme's repository (`git clone https://github.com/pages-themes/minimal`) |
|||
2. `cd` into the theme's directory |
|||
3. Run `script/bootstrap` to install the necessary dependencies |
|||
4. Run `bundle exec jekyll serve` to start the preview server |
|||
5. Visit [`localhost:4000`](http://localhost:4000) in your browser to preview the theme |
|||
|
|||
### Running tests |
|||
|
|||
The theme contains a minimal test suite, to ensure a site with the theme would build successfully. To run the tests, simply run `script/cibuild`. You'll need to run `script/bootstrap` one before the test script will work. |
@ -0,0 +1,13 @@ |
|||
- title: Home |
|||
href: |
|||
|
|||
- title: About |
|||
href: about |
|||
|
|||
- title: Posts |
|||
href: posts |
|||
|
|||
- title: Documentation |
|||
href: projects |
|||
|
|||
|
@ -0,0 +1,20 @@ |
|||
- caption: Friday Theme on GitHub |
|||
href: https://github.com/sfreytag/friday-theme |
|||
icon: entypo/github.svg |
|||
|
|||
- caption: Stack Overflow |
|||
href: https://stackoverflow.com |
|||
icon: icons/stackoverflow.svg |
|||
|
|||
- caption: Facebook |
|||
href: https://www.facebook.com |
|||
icon: entypo/facebook.svg |
|||
|
|||
- caption: Twitter |
|||
href: https://www.twitter.com |
|||
icon: entypo/twitter.svg |
|||
|
|||
- caption: London |
|||
href: https://www.google.co.uk/maps/place/London/@51.528308,-0.3817765,10z/data=!3m1!4b1!4m5!3m4!1s0x47d8a00baf21de75:0x52963a5addd52a99!8m2!3d51.5073509!4d-0.1277583 |
|||
icon: entypo/location-pin.svg |
|||
|
@ -0,0 +1,16 @@ |
|||
{% if page.show_profile %} |
|||
|
|||
<div class="card-deck"> |
|||
<div class="card bg-light col-xs-6 mb-4"> |
|||
<div class="card-body text-center"> |
|||
{% include components/profile-avatar.html %} |
|||
</div> |
|||
</div> |
|||
<div class="card bg-light col-xs-6 mb-4"> |
|||
<div class="card-body"> |
|||
{% include components/profile-body.html %} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
{% endif %} |
@ -0,0 +1,20 @@ |
|||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top justify-content-between"> |
|||
<div class="container"> |
|||
<a class="navbar-brand font-weight-bold" href="{{ "/" | relative_url }}">{{site.title}}</a> |
|||
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarContent" > |
|||
<span class="navbar-toggler-icon"></span> |
|||
</button> |
|||
<div class="collapse navbar-collapse" id="navbarContent"> |
|||
<ul class="navbar-nav ml-auto"> |
|||
{% for item in site.data.nav %} |
|||
<li class="nav-item"> |
|||
<a href='{% if item.href contains ":" %}{% else %}{{ "/" | relative_url }}{% endif %}{{ item.href }}' |
|||
class="nav-link"> |
|||
{{ item.title }} |
|||
</a> |
|||
</li> |
|||
{% endfor %} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</nav> |
@ -0,0 +1,30 @@ |
|||
{% if page.show_profile %} |
|||
<div class="card bg-light"> |
|||
<div class="card-body text-center"> |
|||
{{site.author.name}} |
|||
{% include components/profile-avatar.html %} |
|||
{% include components/profile-body.html %} |
|||
</div> |
|||
</div> |
|||
{% endif %} |
|||
|
|||
{% if page.show_tags %} |
|||
{% include components/all-tags.html %} |
|||
{% endif %} |
|||
|
|||
{% if page.show_skills %} |
|||
{% include components/all-skills.html %} |
|||
{% endif %} |
|||
|
|||
{% if page.path contains '_projects' %} |
|||
{% include components/project-meta.html %} |
|||
{% endif %} |
|||
|
|||
{% if page.path contains 'courses' %} |
|||
{% include components/project-meta.html %} |
|||
{% endif %} |
|||
|
|||
{% if page.path contains '_posts' %} |
|||
{% include components/post-meta.html %} |
|||
{% endif %} |
|||
|
@ -0,0 +1,17 @@ |
|||
{% include utilities/group-by-array.html collection=site.posts field="tags" %} |
|||
|
|||
<div class="sticky-top space-before"> |
|||
<div class="card bg-light"> |
|||
<div class="card-body p-2"> |
|||
<div class="card-title"> |
|||
<h5>Filter by Tag</h5> |
|||
</div> |
|||
{% for tag in group_names %} |
|||
<a class="d-inline-block bg-white border rounded p-1 mr-1 mb-1 tag tag-{{ tag | slugify }}" |
|||
href="#{{tag | slugify}}"> |
|||
{{ tag }} |
|||
</a> |
|||
{% endfor %} |
|||
</div> |
|||
</div> |
|||
</div> |
@ -0,0 +1,3 @@ |
|||
Friday Theme is a theme for Jekyll using Bootstrap 4.4 designed to build a great personal web site with a portfolio, blog and project documentation. It is compatible with GitHub Pages. It supports all the Bootstrap components, it has blogs with tags, it has syntax highlighting and it has SVG icons. It is customisable with SCSS by simply changing the default boostrap variables. |
|||
|
|||
It is maintained by Simon Freytag on [GitHub](https://github.com/sfreytag/friday-theme) and it was built originally for [Simon's own portfolio](http://www.freytag.org.uk). |
@ -0,0 +1,19 @@ |
|||
<div class="sticky-top space-before"> |
|||
<div class="card bg-light mb-3 space-before"> |
|||
<div class="card-body"> |
|||
<div class="card-title"> |
|||
<h5>På denne siden</h5> |
|||
</div> |
|||
<ul class="nav flex-column nav-pills header-list"> |
|||
</ul> |
|||
<div class="d-flex align-items-center mt-2"> |
|||
<span class="icon grey mr-1"> |
|||
{% include entypo/arrow-left.svg %} |
|||
</span> |
|||
<a href="{% link list/projects.md %}">Back to the contents</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
@ -0,0 +1,26 @@ |
|||
<div class="card card-post w-100 border-top-0 border-left-0 border-right-0 rounded-0 mb-4"> |
|||
<div class="card-body px-0 pt-0"> |
|||
<h4 class="card-title mb-4"> |
|||
<a href="{{ post.url | absolute_url }}">{{ post.title }}</a> |
|||
</h4> |
|||
<h6 class="card-subtitle mb-3 text-secondary"> |
|||
{{ post.date | date_to_string }} |
|||
</h6> |
|||
<div class="card-text d-flex align-items-center mb-2"> |
|||
<span class="icon grey mr-2 mb-1"> |
|||
{% include entypo/price-tag.svg %} |
|||
</span> |
|||
<div> |
|||
{% for tag in post.tags %} |
|||
<span class="d-inline-block border rounded p-1 mr-1 mb-1 tag tag-{{ tag | slugify}}"> |
|||
{{ tag }} |
|||
</span> |
|||
{% endfor %} |
|||
</div> |
|||
</div> |
|||
<div class="card-text mb-0"> |
|||
{{ post.excerpt }} |
|||
</div> |
|||
<a href="{{ post.url | absolute_url }}">More...</a> |
|||
</div> |
|||
</div> |
@ -0,0 +1,26 @@ |
|||
<div class="sticky-top space-before"> |
|||
<div class="card bg-light mb-3"> |
|||
<div class="card-body"> |
|||
<div class="card-title"> |
|||
<h5>{{ page.date | date_to_string }}</h5> |
|||
</div> |
|||
<div class="d-flex flex-wrap align-items-center"> |
|||
<span class="icon grey mr-2 mb-2"> |
|||
{%include entypo/price-tag.svg %} |
|||
</span> |
|||
{% for tag in page.tags %} |
|||
<a href="{% link list/posts.html %}#{{ tag | slugify }}" |
|||
class="bg-white border rounded p-1 mr-2 mb-2 d-inline-block"> |
|||
{{ tag }} |
|||
</a> |
|||
{% endfor %} |
|||
</div> |
|||
<div class="d-flex align-items-center mt-2"> |
|||
<span class="icon grey mr-1"> |
|||
{% include entypo/arrow-left.svg %} |
|||
</span> |
|||
<a href="{% link list/posts.html %}">Back to all posts</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
@ -0,0 +1,13 @@ |
|||
<p class="card-text d-none d-sm-block"> |
|||
<a href="{{ "/" | relative_url }}"> |
|||
<img class="profile-image rounded-circle w-75" src="{{ site.avatar | relative_url}}" /> |
|||
</a> |
|||
</p> |
|||
<h4 class="card-title d-none d-sm-block">{{site.name}}</h4> |
|||
|
|||
<p class="card-text d-xs-flex d-sm-none"> |
|||
<a href="{{ "/" | relative_url }}"> |
|||
<img class="profile-image rounded-circle mr-2" src="{{ site.avatar | relative_url}}" style="width: 15% !important" /> |
|||
</a> |
|||
<strong>{{site.name}}</strong> |
|||
</p> |
@ -0,0 +1,10 @@ |
|||
<p class="card-text"> |
|||
{% for link in site.data.profile %} |
|||
<a href="{{link.href}}" class="d-flex align-items-center mb-1"> |
|||
<span class="icon grey mr-2"> |
|||
{% include {{link.icon}} %} |
|||
</span> |
|||
<span class="text-nowrap">{{link.caption}}</span> |
|||
</a> |
|||
{% endfor %} |
|||
</p> |
@ -0,0 +1,19 @@ |
|||
<div class="sticky-top space-before"> |
|||
<div class="card bg-light mb-3 space-before"> |
|||
<div class="card-body"> |
|||
<div class="card-title"> |
|||
<h5>På denne siden</h5> |
|||
</div> |
|||
<ul class="nav flex-column nav-pills header-list"> |
|||
</ul> |
|||
<div class="d-flex align-items-center mt-2"> |
|||
<span class="icon grey mr-1"> |
|||
{% include entypo/arrow-left.svg %} |
|||
</span> |
|||
<a href="{% link list/projects.md %}">Back to the contents</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 738 B |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 962 B |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 868 B |
After Width: | Height: | Size: 867 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 518 B |
After Width: | Height: | Size: 549 B |
After Width: | Height: | Size: 500 B |
After Width: | Height: | Size: 510 B |
After Width: | Height: | Size: 499 B |
After Width: | Height: | Size: 547 B |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 875 B |
After Width: | Height: | Size: 646 B |
After Width: | Height: | Size: 409 B |
After Width: | Height: | Size: 409 B |
After Width: | Height: | Size: 413 B |
After Width: | Height: | Size: 409 B |
After Width: | Height: | Size: 405 B |
After Width: | Height: | Size: 402 B |
After Width: | Height: | Size: 413 B |
After Width: | Height: | Size: 410 B |
After Width: | Height: | Size: 415 B |
After Width: | Height: | Size: 410 B |
After Width: | Height: | Size: 408 B |
After Width: | Height: | Size: 402 B |
After Width: | Height: | Size: 647 B |
After Width: | Height: | Size: 649 B |
After Width: | Height: | Size: 646 B |
After Width: | Height: | Size: 647 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 821 B |
After Width: | Height: | Size: 443 B |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 562 B |
After Width: | Height: | Size: 689 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 637 B |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 633 B |
After Width: | Height: | Size: 750 B |
After Width: | Height: | Size: 949 B |
After Width: | Height: | Size: 439 B |
After Width: | Height: | Size: 553 B |
After Width: | Height: | Size: 952 B |
After Width: | Height: | Size: 525 B |
After Width: | Height: | Size: 959 B |
After Width: | Height: | Size: 758 B |
After Width: | Height: | Size: 840 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.7 KiB |