pages-themes / hacker Goto Github PK

The Header is still cut off on the left side for mobile

i.e. https://github.blog/changelog/2021-09-30-footnotes-now-supported-in-markdown-fields/ not working yet

Hi,
Thanks for make a such cool theme! I like it very much.
But now I have one question, I want to add a new post to a folder because I don't want to mix these 'meta pages' with my own blog posts.
How can I make it? I try add a folder and add page under it but seems it can't be accessed.

I am wondering if there is an way to use bullet point as the symbol of unordered list? I followed the kramdown syntax and used the the asterisk symbol (*) to mark list elements, but the html output gave me something that looked like right shrift operator. Is it something that I should expect from using this Jekyll theme? Thank you in advance for helping me out!

on github markdown I can exclude a section just doing

<!-- 
thing i want to exclude
-->

but I'm not sure how I can do this on this

Is it possible to add a switch to control if button View on github is displayed?

/_layouts/default.html line26:

          <a href="{{ site.github.repository_url }}" class="btn btn-github"><span class="icon"></span>View on GitHub</a>

Change to:

{% if site.is_project_page %}
          <a href="{{ site.github.repository_url }}" class="btn btn-github"><span class="icon"></span>View on GitHub</a>
{% endif %}

Since yesterday (07/22/2021) I constantly get the following error:

" The page build failed for the main branch with the following error: The hacker theme is not currently supported on GitHub Pages. "

No weird changes were made and it was working fine the day before.

how to add line number in code area?

My doubt, I think, is very stupid but please try to bear this with a novice.

Here is my doubt:

I want to recreate my own Gem file so that I can add relative links.
Which file should I create and by which name and under which new directories?
I see from one of the pull request that there is already-added-template for posts but there is no documentation telling how to use that feature. Is there any way I can use that template?

I am hosting Github pages using /docs folder.

ERROR: Error installing nokogumbo:
ERROR: Failed to build gem native extension.

current directory: /var/lib/gems/2.7.0/gems/nokogumbo-2.0.5/ext/nokogumbo

/usr/bin/ruby2.7 -I /usr/lib/ruby/vendor_ruby -r ./siteconf20210923-40156-cu8h1a.rb extconf.rb
*** extconf.rb failed ***
Could not create Makefile due to some reason, probably lack of necessary
libraries and/or headers. Check the mkmf.log file for more details. You may
need configuration options.

Provided configuration options:
--with-opt-dir
--without-opt-dir
--with-opt-include
--without-opt-include=${opt-dir}/include
--with-opt-lib
--without-opt-lib=${opt-dir}/lib
--with-make-prog
--without-make-prog
--srcdir=.
--curdir
--ruby=/usr/bin/$(RUBY_BASE_NAME)2.7
/usr/lib/ruby/vendor_ruby/nokogiri/xml/xpath/syntax_error.rb:4:in <module:XML>': XPath is not a class (TypeError) /var/lib/gems/2.7.0/gems/nokogiri-1.12.4-x86_64-linux/lib/nokogiri/2.7/nokogiri.so:0: previous definition of XPath was here from /usr/lib/ruby/vendor_ruby/nokogiri/xml/xpath/syntax_error.rb:3:in module:Nokogiri'
from /usr/lib/ruby/vendor_ruby/nokogiri/xml/xpath/syntax_error.rb:2:in <top (required)>' from /usr/lib/ruby/vendor_ruby/rubygems/core_ext/kernel_require.rb:96:in require'
from /usr/lib/ruby/vendor_ruby/rubygems/core_ext/kernel_require.rb:96:in require' from /usr/lib/ruby/vendor_ruby/nokogiri/xml/xpath.rb:2:in <top (required)>'
from /usr/lib/ruby/vendor_ruby/rubygems/core_ext/kernel_require.rb:96:in require' from /usr/lib/ruby/vendor_ruby/rubygems/core_ext/kernel_require.rb:96:in require'
from /usr/lib/ruby/vendor_ruby/nokogiri/xml.rb:21:in <top (required)>' from /usr/lib/ruby/vendor_ruby/rubygems/core_ext/kernel_require.rb:96:in require'
from /usr/lib/ruby/vendor_ruby/rubygems/core_ext/kernel_require.rb:96:in require' from /usr/lib/ruby/vendor_ruby/nokogiri.rb:36:in <top (required)>'
from /usr/lib/ruby/vendor_ruby/rubygems/core_ext/kernel_require.rb:85:in require' from /usr/lib/ruby/vendor_ruby/rubygems/core_ext/kernel_require.rb:85:in require'
from extconf.rb:4:in `

extconf failed, exit code 1

Gem files will remain installed in /var/lib/gems/2.7.0/gems/nokogumbo-2.0.5 for inspection.
Results logged to /var/lib/gems/2.7.0/extensions/x86_64-linux/2.7.0/nokogumbo-2.0.5/gem_make.out

The user @carlsonsantana validate your site template "https://pages-themes.github.io/hacker/" and found these accessibility errors:

• Page https://pages-themes.github.io/hacker/:
  • Issue 8ceb1280-b748-43ce-8187-929b2cf720b4:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
    • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.52:1. Recommendation: change text colour to #a16748.
    • Selector: #main_content > div:nth-child(11) > div > pre > code > span:nth-child(24)
    • Context: <span class="si">}</span>
  • Issue 5f120d0e-e96e-4f6f-a8c9-2f03dea59863:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
    • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.52:1. Recommendation: change text colour to #a16748.
    • Selector: #main_content > div:nth-child(11) > div > pre > code > span:nth-child(22)
    • Context: <span class="si">#{</span>
  • Issue e9de82b7-d359-4429-a3a8-4264fe228a81:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
    • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.66:1. Recommendation: change text colour to #757575.
    • Selector: html > body > header > div > h2
    • Context: <h2>Hacker is a theme for GitHub Pa...</h2>

You can check these accessibility errors using pa11y.
You can view the full validation results in our website.

Sir

Any chance we will get some footer CSS?

I can't find any option for it, what is the right syntax to remove this button from generated pages ?

It would be nice if we can view the CSS code of hacker theme.I will add the code here(I found it by page source)

When I run jekyll new , I get Gemfile with jekyll version of 4.0.0. The latest release of this theme still supports only upto 3.5. Can this be updated to work with 4.0.0?

#34

Tried the solution mentioned in pages-themes/cayman#29 but that didn't work as expected.

I’m afraid that I’m following the instructions explained at https://github.com/pages-themes/hacker#stylesheet (see https://github.com/ousia/aprender-linux/blob/master/assets/css/style.css), but customized data aren’t loaded at all.

Am I missing something or have I hit a bug?

Many thanks for your help and Happy New Year!!!

bced1c6 turned some fixed values into variables, but since the colors are names by how the look and now what they are used for it is not easy to change the appearance as it seems.

This does not turn all the headings red :/

---
---

$conifer: #ff0000;

@import "{{ site.theme }}";

I ended up doing this, but I feel it is copying too much:

---
---

$pumpkin: #ffbe65;
$header: $pumpkin;

@import "{{ site.theme }}";

header {
  border-bottom: 1px dashed $pumpkin;
}

header h1 {
  color: $pumpkin;
}

Why did the patch added a bunch of commented // $header? Using the header var would let me skip the lines below the @import. If there is no good reason I can make a patch.

github automatically generates links for all headers in markdown files. the themes should too.

for example, viewing this repo:
https://github.com/pages-themes/hacker
if you mouse over "The Hacker theme" or "Usage", a little link shows up for easy clicking/copying.

I'm a new user to Github Pages, but a long-time Jekyll user.

I've got a code snippet that I'm trying to put in a blog post:

<link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ '/feed.xml' |  prepend: site.url }}">

But on my Github pages site, the liquid syntax is being converted within those 3 ticks:

<link rel="alternate" type="application/atom+xml" title="Erik Yuzwa" href="https://erikyuzwa.github.io/feed.xml">

I've tried:

• using {% highlight %} and {% endhighlight %}
• looking at posts mentioning any configuration needed of Kramdown for Github Pages specifically
• looking at Github Pages syntax documentation

Everything I can find implies that the code snippet I've posted in this issue should work no problem in a post in my Jekyll blog, yet it can't.

Just wondering, why the theme chooses not to provide a home layout, like what's in the minima theme https://github.com/jekyll/minima/tree/master/_layouts

Hi

A new version of Google Analitics has released, V4, and scripting block has changed.

Documentation Guide: https://developers.google.com/analytics/devguides/collection/gtagjs/migration

It will be a good point to change this lines for new ones provided by guide.

Of course, mantaining backwards compatibility using some site property indicating the mode to load.

Are you agree?

Hello!

Like this theme. Using markdown to create a task list has unexpected results.

So something like this:

- [x] blah blah blah
- [x] foo foo foo

Results in a browser display that has the ">>" icon for an unordered lists in front of the "checkbox" icon.

My issue is that the ">>" is displayed, I believe it is redundant.

Now I would certainly accept that this is a design choice, but the only thing that makes me think it is not and it is a bug is that there is an undefined class in the list, see:

<ul class="task-list">
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />blah blah</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />foo foo foo</li>
</ul>

I cannot find task-list or task-list-item defined in the css. Maybe I just need a breadcrumb to where that is defined? Is it Jekyll defaults?

Thanks for taking a peak and I really like the theme.

옹옹옹

Issue: when creating an task list item like so in a post:

- [x] Review relevant GitHub Labs

It generates the following display:

I would like to eliminate the green '>>' prior to the check area. I think it is redundant.
My challenge is that I don't know where I can change this behavior.

Does anyone know how to eliminate the green '>>'?

Workaround: I created a black dot to hide the green '>>'

I created an inline style for the post.html file using directions from this link:

<style>
ul.task-list {
  list-style: none; /* Remove default bullets */
}
ul.task-list li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #151515; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -3.5em; /* Also needed for space (tweak if needed) */
}
li.task-list-item {
  list-style-image: url("{{ '/assets/images/black-dot.png' | relative_url }}");
}
</style>

I have created a website for a Subnautica mod/library and I found out something peculiar:
Every second <hr> looks a bit thinner that it is supposed to do

The difference is very visible, especially on the live website.

The link to the website is: https://smlhelper.github.io/
Note: You will need to disable JavaScript on the website to see the secondary layout which uses <hr> elements

I am not sure if this is an issue with the theme, github, or even html itself.
I did not find anything that could cause this in the css files.

Hello

My page https://fornellas.github.io/3d_printed_keyboard/ when opened from Chrome on a Galaxy S7 is rendered like this:

https://photos.app.goo.gl/Wunaa4Li2m1zLKoP2

Everything renders OK, but the green title gets its left side cropped.

Hi, I am trying to build the github site but keep failing from '.github/workflows/ci.yml', which was 'ci.yaml' according to Jekyll Hacker theme. No matter 'ci.yaml' or 'ci.yml', the same error occurs.
Run script/bootstrap /home/runner/work/_temp/aa78e4c6-0d79-4587-8c4a-1acdecb59d18.sh: line 1: script/bootstrap: Permission denied Error: Process completed with exit code 126.

'ci.yml' code

I could not run my site locally (Windows 10), as of some error related to 'script/bootstrap', so editing my repo online...

Is there any problem in my 'script/bootstrap'?
`#!/bin/sh

set -e

gem install bundler
bundle install`

Or in my 'script/cibuild'?
`#!/bin/sh

set -e

bundle exec jekyll build
bundle exec htmlproofer ./_site --check-html --check-sri
bundle exec rubocop -D
bundle exec script/validate-html
gem build jekyll-theme-hacker.gemspec`

Thank you very much for reading long words.

Most of the pages-themes lack layouts for normal posts (a blog post) or pages (a "contact" or "about" page).

@benbalter mentioned that there weren't any plans to add them but the maintainer's would be glad to review and possibly merge PRs. Since I was planning on using this theme for my personal site, I'm gonna spend some time trying to get those implemented.

This is a request for support, sorry if it's the wrong place to ask! I am trying to set up Google Ad Sense and also Disqus Comments. I couldn't figure out why none of the blogs out there showing how to do these things were working until I finally realised that this (awesome) Jekyll-theme-hacker owns the default and post layout I use. I also see in the code there conditional logic for Google Analytics. So I'm confused about what I need to do to set up Ad Sense and Comments. Do I need to PR features for these into here, or is there some documentation I should have read?

Mobile devices using a bright theme visiting a hacker-themed page do not adapt their header / status bar colour to the dark background colour of the hacker theme.

This is possible with the following header tags:

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#151515" />
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#151515" />
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#151515" />

(see also: https://stackoverflow.com/questions/26960703/how-to-change-the-color-of-header-bar-and-address-bar-in-newest-chrome-version-o for screenshots and examples)

Hello y'all im relativley new to all this stuff and i want the website file to be an index.html not readme.md. how can i change the file that the site depends on? please help. thanks!

For hacker theme, how to change the colors so that I get a white background and black letters?

I already have a custom style.css with:
@import "{{ site.theme }}";
but It's not clear with variables to override

I add this hacker theme to my github page with commit 6cfb67d4d33.

However, it doesn't work. My website still has a white Index Page.

Do I miss some key steps?

Would it be possible that the following CSS code:

ul li {
  list-style: none;
}

ul li:before {
  content: ">>";
  font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
  font-size: 13px;
  color: #b5e853;
  margin-left: -37px;
  margin-right: 21px;
  line-height: 16px;
}

coud be replaced with something similar to the following snippet borrowerd from the leap-day theme?

ul{
  list-style-image:url('../images/bullet.png');
}

Sorry, but otherwise Firefox gets broken list items (such as described in jasoncostello/slate#9).

Using the CSS code above, I’m afraid that a block element shouldn’t have any element on its left (remember that <li> may contain <p>).

A simple way to fix the issue would be to use an image (such as described above).

Could you fix this? (Sorry, but I’m afraid that customizing CSS won’t work here after importing.)

Many thanks for your help.

Is there any chance that this theme supports footer and how can I add it? Because I have tried to add footer.html in _includes and then {% include footer.html %} into index.html - and it did not work.

I would like to be able to replace the downloads links in _config.yml without using a hacky solution.

Hello @benbalter !
I have problem that is related to ordered list inside unordered list. All numbers inside <ul></ul> tags are replaced by shift operators because rule ul li:before in _sass/jekyll-theme-hacker.scss applies to all li.
For example,
input:

Test

- bla bla bla
- bla bla bla
   1. bla bla bla
   2. bla bla bla
   3. bla bla bla
- bla bla bla
- bla bla bla

Test

output:

How to fix it?

When using in-line highlights for keywords, they are not rendered with a different CSS style. It would be nice to add some highlighting for code.highlighter-rouge element.

I've tried to customize it in /assets/css/styles.scss, but I wasn't successful.

theme: jekyll-theme-hacker

@import "{{ site.theme }}";

it worked like charm last week

Your SCSS file assets/css/style.scss has an error on line 1: File to import not found or unreadable: hacker. Load path: /tmp/jekyll-remote-theme-20210723-6-uxizn6/_sass.

Kanneci
SMS