Giter Club home page Giter Club logo

smol's People

Contributors

awilliams avatar bep avatar colorchestra avatar cristiklein avatar markfirmware avatar pfandzelter avatar thenktor avatar vimux avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

smol's Issues

how to use dark mode?

Hello,
thank you very much for the smol theme.
How do you use this theme in dark mode? (this is not written in the documentation).
Thank you.

Upstream feature ideas from my fork?

Thank you for this great theme! I've made a few modifications to it for my own website (https://sumnerevans.com), and I'd like to know whether you are interested in any of these changes being upstreamed.

Some of the features require JavaScript, which I know is an anti-goal of this theme, so if you do not want me to try and upstream those features, that is fine (I'll continue to maintain them on my fork). However, as I upstream the changes I will make sure that no JavaScript is included by default (users will have to explicitly enable features which require JavaScript).

Other features may be too divergent from the intent of this theme, so I understand if you do not want me to try and upstream them.

Here are a list of the modifications that I have made on my site that could be of interest:

  • Dark/light mode switch functionality (see the footer of my website, requires JavaScript but falls back to CSS media queries)
  • Isso comments integration (requires JavaScript)
  • Full-text search (via lunr, requires JavaScript)
  • Convert the CSS to SCSS
  • Styles for reStructuredText admonitions. There are a few admonition examples in this post: https://sumnerevans.com/posts/school/2021-hspc/ (I am using FontAwesome, but that can be an optional dependency)
  • Opengraph metadata
  • Summary image
  • MathJax support
  • Updated header with profile picture
  • Options to change the delimiter between items in the nav menus
  • Options to change the datetime format on posts
  • Option to include category for posts
  • Option to add word count for posts
  • Option to add reading time for posts
  • Use commas to separate tags

Please let me know if any of these are worth upstreaming and I can work on creating separate issues and/or PRs for them.

Respect parmas.dateFmt key's value on /posts/ page

Type: Feature request.

On /posts/ page, datetime format is "2006-01-02", despite parmas.dateFmt key value being set to different value. This happens because we have hard coded the date format for /posts/ page.

{{ .Date.Format "2006-01-02" }} <a href="{{ .RelPermalink }}">{{.Title }}</a>

It would be nice, if we would respect params.dateFmt key value.


One solution could be replace:

{{ .Date.Format "2006-01-02" }}

with

{{ .Date.Format (default "2006-01-02" .Site.Params.dateFmt)}}

But there is a one problem with this solution, if .params.dateFmt key value also contains time, /posts/ page will also contain time along with date, which I think nobody wants it (i.e. time along with date on /posts/ page).

Justify

Hey!

Could you change the post text align to justify?

Thanks!

Structure of content

Hi,
theme looks really promising 👍
Too bad I can't find a exampleSite folder in it which could illustrate how my blog posts have to be structured.
Thanks in advance and have a nice week
midzer

edit: somehow it is working now when i put .md files in posts folder

Posts on the "Start." page always preflix url with localhost instead of the bound address

Setup

  • Hugo running on Raspberry Pi 3 (Arch Linux Arm)
    • deploy server with hugo server -D --bind=192.168.10.10
    • in config.toml baseURL = "http://192.168.10.10/"
  • View webpage from other machine on the network
    • http://192.168.10.10:1313 takes me to the website hosted on the RPi3. I can navigate most links.
      • For example when navigating to a post from the "post header", url is http://192.168.10.10:1313/posts/first_post/
      • When navigating to the same post from the "Start. Header", url is localhost:1313/posts/first_post/

Same issue to any link that displays the "title"

Images are not centered

Images are currently not centered by default. On my own site, I've resorted to writing pure HTML to add images that center, but that is a hack and requires Goldmark to be set to unsafe mode. Automatically centering images should be easy with some CSS.

Improve dark mode colors

The colors in the dark theme were taken directly from the source theme and aren't that great. I could imagine changing them to #FFFFFF on #000000 or something, with the links still in blue if that's not too hard to read

Allow users to choose name of the main menu

Is there any specific reason to hard code Start. as the main menu?

<a href="/"><b>Start</b></a>.

I want to use Home instead of Start. in my main menu. We've two approaches here either replace Start with Home or remove Start menu entirely and use range loop to allow users to choose any name they want, by editing theme.toml.

And also, I think there is no need for a period punctuation at end of each menus, if we want to have separator, we can use a bar just like Evans did.

<a href="{{ .URL | relURL }}"><b>{{ .Name }}</b></a>.

If you're open for these changes, I can make a merge request.

code style in CSS overrides syntax highlighting in code-fenced blocks

Hi Morph,

I really love this theme -- thanks for creating it! I've noticed an issue with syntax highlighting for code-fenced sections. It seems that the black background inherited from code in style.css is overriding the background color rendered by Hugo for highlight blocks.

Here's an example of a python code-fenced block with the default highlight theme:

smol-code-screenshot

It's more obvious when changing to a lighter highlight style, like "friendly" (as opposed to the default "monokai"):

smol-code-screenshot-light

I've tried switching on pygmentsUseClasses=true and generating corresponding CSS, per the Hugo docs, but no luck. If I comment out the code line in the CSS, that fixes the issue for the code-fenced blocks, but obviously then I lose the highlighting for all the inline code snippets.

Any ideas? Am I missing something obvious?

Archetypes don't work

Archetypes currently don't work, posts only get the "default" set of variables for the front matter. Separate pages are even more of a PITA. I've played around with this before but it needs to be fixed properly.

Dark mode

First of all, I just want to say that I love your theme, it's simply fantastic.
I am currently using it throughout RStudio IDE using Hugo.
I already completed and developed my page on GitHub pages, but sadly the Dark Mode that I see when I run it locally and on my laptop (I am running in Linux Mint 19.1.) is not present when it is open in Windows 10. Is there any way to force the dark mode on every OS?
Best and thank you!
Álvaro

ps: the site is running here btw https://alvarogutyerrez.github.io/

Wrong string length calculation

At first, thanks for so nice theme! :)

I'm too lazy to make PR, but it would be better to use strings.RuneCount instead of len to count length of string, because len counts bytes instead of symbols.

Why is it important? Just try to use Unicode/not-ASCII symbols in title and all the alignment breaks.

Idea: allow ascii art as header

instead of

==========
== smol ==
==========

allow the user to add whatever text they want to show up as a header there. This would be a great place to have your blog title as ascii art.

Wrong count of total number of pages

Type: Bug report

Description

When we create a new site without any post, count of total number of page is 0, which should be 1, see below screenshot:

hugo-smol-theme

Steps to reproduce

  • Run following commands:
    $ hugo new site quickstart
    $ cd quickstart
    $ git init .
    $ git submodule add https://github.com/colorchestra/smol/ themes/smol
    $ echo "theme = \"smol\"" >> config.toml
    $ hugo server
    
  • Now open address specified by hugo.
  • Look for sentence "1 of 0".

Actual behavior

Count of total number of pages is 0.

Expected behavior

Count of total number of pages should be 1.

Additional

As soon as first post deployed, this issue is fixed.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.