Skip to content

Commit

Permalink
feat(multiple): Multiple changes from upstream
Browse files Browse the repository at this point in the history
BREAKING CHANGE: Adds Dependency on FontAwesome Kits
adds i18n pt-pt language
adds static/fontawesome-6.1.1
Changes Multi language behavior
  * Laguage flags instead of text
  * Shows Available languages instead of active language
  * Disables submenu and switches between languages when only 2 languages availbale
Adds support for posts on front page
Adds Icons on footer or frontpage or both
Adds Optional Overlay to darken the background
Changes Menu and adds support for sub-menus
Adds Read in text
Adds option to hide page title and languages on sigle pages
Updates README.md
Adds GithubActions
Adds semantic release
  • Loading branch information
coolapso committed May 21, 2023
1 parent 8270f8e commit 9e4ee78
Show file tree
Hide file tree
Showing 2,123 changed files with 168,496 additions and 163 deletions.
22 changes: 22 additions & 0 deletions .github/workflows/main.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
name: Release

on:
push:
branches: [ master ]
workflow_dispatch:

jobs:
release:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3

- name: Install semantic-release plugins
run: |
npm install @semantic-release/github -D
npm install @semantic-release/changelog -D
- name: Release
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
run: npx semantic-release
24 changes: 24 additions & 0 deletions .releaserc
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
{
"name": "hugo-theme-hello-4s3ti",
"plugins": [
"@semantic-release/commit-analyzer",
"@semantic-release/release-notes-generator",
[
"@semantic-release/changelog",
{
"changelogFile": "./CHANGELOG.md"
}
],
["@semantic-release/github", {
"assets": [
{"path": "dist/asset.min.css", "label": "CSS distribution"},
{"path": "dist/asset.min.js", "label": "JS distribution"}
]
}]
],
"release": {
"branches": [
"master",
]
}
}
92 changes: 67 additions & 25 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,14 @@
# Hello Friend NG
# Hello Friend 4s3ti

![Hello Friend NG](https://dsh.re/d914c)
[![semantic-release: angular](https://img.shields.io/badge/semantic--release-angular-e10079?logo=semantic-release)](https://github.com/semantic-release/semantic-release)

![Hello Friend 4s3ti](images/Screenshot.png)

## General informations

This theme was highly inspired by the [hello-friend](https://github.com/panr/hugo-theme-hello-friend) and [hermit](https://github.com/Track3/hermit). A lot of kudos for their great work.
This theme is a mix between [hello-friend-ng](https://github.com/rhazdon/hugo-theme-hello-friend-ng) and the original [hello-friend](https://github.com/panr/hugo-theme-hello-friend) considering both have features I like and lack others, I've decided to roll up my sleeve and tweak it a bit, the biggest change is most likely a dependency on fontawesome kits.

You can see it in action here: https://4s3ti.net

---

Expand All @@ -20,6 +24,7 @@ This theme was highly inspired by the [hello-friend](https://github.com/panr/hug
- [Favicon](#favicon)
- [Audio Support](#audio-support)
- [Social Icons](#social-icons)
- [Hide Title and Language on single pages](#hide-title-and-language-on-single-pages)
- [Known issues](#known-issues)
- [How to edit the theme](#how-to-edit-the-theme)
- [Changelog](CHANGELOG.md)
Expand All @@ -30,6 +35,8 @@ This theme was highly inspired by the [hello-friend](https://github.com/panr/hug

## Features

### Original features

- Theming: **dark/light mode**, depending on your system preferences or the users choice
- Great reading experience thanks to [**Inter font**](https://rsms.me/inter/), made by [Rasmus Andersson](https://rsms.me/about/)
- Nice code highlighting thanks to [**PrismJS**](https://prismjs.com)
Expand All @@ -42,33 +49,53 @@ This theme was highly inspired by the [hello-friend](https://github.com/panr/hug
- Support for [Commento](https://commento.io)
- Support for [Plausible](https://plausible.io) (thanks to [@Joffcom](https://github.com/Joffcom))

### Changed by this theme

- Support for FontAwesome kits
- Support for social icons
- Social Icons can be either in the footer or in the main content area just like the original
- Support for sharing buttons (Depends on FontAwesome Kits)
- Support for latest posts on front page
- Support for submenus
- Builtin (enable/disable) multilanguage menu
- Shows Language flags
- Menu will show alternative languages instead of current language
- When only 2 languages available no sub-menu will be displayed, it will switch between them instead
- Optional overlay that darkens a bit the Background
- Option to choose between read more in text instead of a button
- Page title can be different than site title
- Option to hide page title in single pages
- Option to hide language selection in Single pages

## How to start

You can download the theme manually by going to [https://github.com/rhazdon/hugo-theme-hello-friend-ng.git](https://github.com/rhazdon/hugo-theme-hello-friend-ng.git) and pasting it to `themes/hello-friend-ng` in your root directory.
You can download the theme manually by going to [https://github.com/4s3ti/hugo-theme-hello-4s3ti.git](https://github.com/4s3ti/hugo-theme-hello-4s3ti.git) and pasting it to `themes/hello-4s3ti` in your root directory.

You can also clone it directly to your Hugo folder:

``` bash
$ git clone https://github.com/rhazdon/hugo-theme-hello-friend-ng.git themes/hello-friend-ng
$ git clone https://github.com/4s3ti/hugo-theme-hello-4s3ti.git themes/hello-4s3ti
```

If you don't want to make any radical changes, it's the best option, because you can get new updates when they are available. To do so, include it as a git submodule:

``` bash
$ git submodule add https://github.com/rhazdon/hugo-theme-hello-friend-ng.git themes/hello-friend-ng
$ git submodule add https://github.com/4s3ti/hugo-theme-hello-4s3ti.git themes/hello-4s3ti
```

## How to configure


The theme doesn't require any advanced configuration. Just copy the following config file.
To see all possible configurations, [check the docs](docs/config.md).
Note: There are more options to configure. Take a look into the `config.toml` in `exampleSite`.

Note: There are more options to configure. Take a look into the `config.toml` and `config.yaml` in `exampleSite`.

``` toml
baseurl = "localhost"
title = "My Blog"
languageCode = "en-us"
theme = "hello-friend-ng"
theme = "hello-4s3ti"
paginate = 10

[params]
Expand Down Expand Up @@ -169,29 +196,40 @@ audio: path/to/file.mp3
## Social Icons:
### FontAweome
To use the Social Media icons and the Share Icons you are required to have at least a free [FontAwesome](https://fontawesome.com) Icon Kit
* Go to [FontAwesome](https://fontawesome.com)
* Create an account
* Go to kits, create new kit
* Add the Kit Link to your config
A large variety of social icons are available and can be configured like this:
```toml
[[params.social]]
name = "<site>"
url = "<profile_URL>"
```
If the icon is not available or you wish to use another icon, you can also override the icon by specifying the Icon value.

Take a look into this [list](docs/svgs.md) of available icon options.

If you need another one, just open an issue or create a pull request with your wished icon. :)

## Known issues

There is a bug in Hugo that sometimes causes the main page not to render correctly. The reason is an empty taxonomy part.
Related issue tickets: [!14](https://github.com/rhazdon/hugo-theme-hello-friend-ng/issues/14) [!59](https://github.com/rhazdon/hugo-theme-hello-friend-ng/issues/59).
```toml
[[params.social]]
name = "<site>"
url = "<profile_URL>"
icon = "<Icon>"
```
### Hide Title and Language on single pages

Either you comment it out completely or you write the following in

``` toml
[taxonomies]
tag = "tags"
category = "categories"
```toml
+++
Title = "Ferramentas"
hideTitle = true
hidelanguage = true
+++
```

## How to edit the theme
Expand All @@ -200,11 +238,15 @@ Just edit it. You don't need any node stuff. ;)

## Sponsoring

If you like my work and if you think this project is worth to support it, just <br />
<a href="https://www.buymeacoffee.com/djordjeatlialp" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-green.png" alt="Buy Me A Coffee" style="height: 51px !important;width: 217px !important;" ></a>
If you like this fork and think it is worth your support, you can always ... <br />
<a href="https://www.buymeacoffee.com/4s3ti" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-green.png" alt="Buy Me A Coffee" style="height: 51px !important;width: 217px !important;" ></a>

## Licence
However, please consider doing it to the guys that did most of the hard work, I only moved some bits of code here and there<br />

| [djodjeatlialp](https://github.com/rhazdon/hugo-theme-hello-friend-ng) | [panr](https://github.com/panr/hugo-theme-hello-friend) |
----------------|------|
| <a href="https://www.buymeacoffee.com/djordjeatlialp" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-green.png" alt="Buy Me A Coffee" style="height: 51px !important;width: 217px !important;" ></a> | <a href="https://www.buymeacoffee.com/panr" target="_blank"><img src="https://res.cloudinary.com/panr/image/upload/v1579374705/buymeacoffee_y6yvov.svg" alt="Buy Me A Coffee" ></a>

Copyright © 2019-2021 Djordje Atlialp
## Licence

The theme is released under the MIT License. Check the [original theme license](https://github.com/rhazdon/hugo-theme-hello-friend-ng/blob/master/LICENSE.md) for additional licensing information.
17 changes: 7 additions & 10 deletions assets/scss/_buttons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ a.button {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 18px;
padding: 8px 8px;
margin-bottom: 5px;
text-decoration: none;
text-align: center;
Expand All @@ -35,11 +35,16 @@ a.button {

[data-theme=dark] & {
background: $dark-background-header;
color: inherit;
opacity: 0.6;
}

[data-theme=light] & {
background: $light-background-header;
opacity: 0.6;
}

&:hover {
opacity: 0.8;
}

&.outline {
Expand Down Expand Up @@ -73,14 +78,6 @@ a.button {
}
}

&.primary {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);

&:hover {
box-shadow: 0 2px 6px rgba(50, 50, 93, .21), 0 1px 3px rgba(0, 0, 0, .08);
}
}

&.link {
background: none;
font-size: 1rem;
Expand Down
11 changes: 9 additions & 2 deletions assets/scss/_footer.scss
Original file line number Diff line number Diff line change
@@ -1,7 +1,14 @@
.footer {
padding: 40px 20px;
flex-grow: 0;
color: $light-color-secondary;
z-index: 4;
[data-theme=dark] & {
color: $dark-color
}

[data-theme=light] & {
color: $light-color
}

&__inner {
display: flex;
Expand All @@ -10,6 +17,7 @@
margin: 0 auto;
width: 760px;
max-width: 100%;
z-index: 4;

@media #{$media-size-tablet} {
flex-direction: column;
Expand All @@ -21,7 +29,6 @@
flex-direction: row;
align-items: center;
font-size: 1rem;
color: $light-color-secondary;

@media #{$media-size-tablet} {
flex-direction: column;
Expand Down
3 changes: 2 additions & 1 deletion assets/scss/_header.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@
align-items: center;
justify-content: center;
position: relative;
padding: 20px;
// Default
background: $light-background-header;
z-index: 5;

@media (prefers-color-scheme: dark) {
background: $dark-background-header;
Expand All @@ -30,6 +30,7 @@

@media #{$media-size-phone} {
flex-direction: row-reverse;
padding: 15px;
}
}

Expand Down
2 changes: 1 addition & 1 deletion assets/scss/_logo.scss
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
display: inline-block;
width: 10px;
height: 1rem;
background: #fe5186;
background: #fdfdff;
margin-left: 5px;
border-radius: 1px;
animation: cursor 1s infinite;
Expand Down
Loading

0 comments on commit 9e4ee78

Please sign in to comment.