GithubHelp home page GithubHelp logo

riggraz / no-style-please Goto Github PK

View Code? Open in Web Editor NEW
990.0 7.0 503.0 2.46 MB

A (nearly) no-CSS, fast, minimalist Jekyll theme.

Home Page: https://riggraz.dev/no-style-please/

License: MIT License

Ruby 13.18% HTML 57.67% SCSS 24.77% JavaScript 4.38%
jekyll jekyll-theme jekyll-theme-minimal theme ruby-gem jekyll-themes blog-theme

no-style-please's People

Contributors

kkeundotnet avatar nitanmarcel avatar riggraz 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  avatar

no-style-please's Issues

Page width

Any way to widen the page width of your theme?

Elvin

Entry titles in lowercase

I noticed that, by default, the titles of the entries are listed in home in lowercase even when it is in specific capitalization inside the entry.

Is there a way to put the titles with the capitalization untouched?

Post example .md please?

Hi,
I am a complete Jekyll newbie, but I am attempting to use your theme. Would you be willing to post the markdown file, index.md, that you use for your blog? For some reason when I create an index file, none of the markdown I enter is rendered, and I assume I am making some novice mistake.
Thx for posting your nice theme.
-Ed

Cannot use no-style-please on Jekyll above 3.8.7

All version of no-style-please on Rubygems except for 0.1.0 require Jekyll 3.8.7. As a result, 0.1.0 is installed on Jekyll 4 & above, which has a bug of a missing {{ content }} block in the home layout.

everything is a hyperlink?

By following the directions in the README,it appears that everything on the example site will end up as a hyperlink? The same can be achieved by copying _menu.yml from the example in the repo.

image

date showing in post list without any post error?

image

hey, i was just modifying my website and somehow there is this unnecessary date occured in my recent posts list and archive list? how can i remove it, i just couldn't figure out how it is appeared in first place, i was just using the template very smoothly.

Long linline highlighted code breaks dark theme

How to reproduce

Make a page in dark mode that uses a long line of code with the {% highlight %} syntax.

What happens?

The long line of code flows off screen, and outside of the body element. When scrolling sideways to read the line, the white background of the html element is seen. The invert()ed colours are only applied to the html body.

Expected behaviour

I would expect that I can write long lines of code in the inline highlighted syntax style without ruining the aesthetics of the theme.

Example

Now I would like to visualize these sets of points on a map just to compare them.

{% highlight python %}

# I skipped the part where I setup the map library
map1 = gmaps.figure(center=map_center, zoom_level=12.64, layout=gmap_layout)
sus_layer = gmaps.symbol_layer(sus_coords[start_at:num_points], fill_color='red', stroke_color='red', info_box_content=info_boxes[start_at:num_points])
fake_layer = gmaps.symbol_layer(fake_coords[start_at:num_points], fill_color='green', stroke_color='green')

map1.add_layer(sus_layer)
map1.add_layer(fake_layer)
display(map1)


{% endhighlight %}

I can pretty easily see that the red points all correspond to actual addresses and locations.

image

Why won't my site format properly?

I'm a beginner and was playing around with using this theme for my personal website. All I want to do for now is to get my github site to display and look like the demo. While all the text shows, the formatting is different from the original.

So far I've changed the theme to 'remote_theme: rigraz/no-style-please'

This is what it looks like on my screen:
Screenshot 2023-12-12 000546

width: 100% seems to cause ugly table

These two lines in the CSS

table, th, td {
  width: 100%;

seems to cause tables to have a very wide column1, which looks like

|-------------------- entire  page --------------------|
|----------------- column1 -----------------|-- col2 --|

I would like to recommend to leave out L63, i.e., to delete width: 100%;.
The default behavior seems acceptable, and seems to be how other themes handle tables.

Custom url path?

Is there a way to set a custom url for specific files?

What I want to do is to have a resume there but in two versions: English version and my native language.

So the path would be:

example.com/resume/en
example.com/resume/ro

Titles converted to links and layouts do not exist.

I have done the basic setup with this theme and I have configured my _data/menu.yml in a manner very similar to the example _data/menu.yml. I have also created two additional pages in the root directory; "archive.md" with the layout "archive" and "portfolio.md" with the layout "page." When I run "bundle exec jekyll serve" the error " Build Warning: Layout 'archive' requested in archive.md does not exist." followed by " Build Warning: Layout 'page' requested in portfolio.md does not exist." When I navigate to localhost:4000 all of the titles are links to nothing, even though I have not specified any url fields in the _menu.yml file.Additionally, I have placed an image named "logo.png" in the root directory, but this logo is not found on build.

Code blocks horizontal scrolling

I love this theme! Thank you so much for putting it together. I am adding some code snippets in my blog post, where the line in ``` is coming into new line, which is making the code snippet a bit confusing. How to make this thing scrollable to right? Thanks

image

minimum jekyll version? is jekyll 4 supported?

Hi,

I am trying to run this theme but I am having some issues with versions and dependencies.

When I try with jekyll 4 I get the following error:

Resolving dependencies...
Bundler could not find compatible versions for gem "jekyll":
  In Gemfile:
    jekyll (= 4.1.0)

    no-style-please (= 0.3.1) was resolved to 0.3.1, which depends on
      jekyll (~> 3.8.7)

Lazy-loading images

Hey riggraz,

is it possible to implement lazy-loading images into your project? If you don't have enough time for that, please let me know, I will try to do it by mybself

Darkmode inverts the colors of emoji

I love this theme! Thank you so much for putting it together. I noticed a hilarious issue today: the dark mode theme inverts the colors of any emoji in the post text. Is there a way around this?

How do I register for Google Analytics?

In the case of the Minimal Mistakes theme, simply paste tracking ID in the config.yml file.

# Analytics
analytics:
  provider               : "google-gtag"
  google:
    tracking_id          : "Tracking ID"
    anonymize_ip         : # true, false (default)

How do I do it in this theme?

Appearance dark does not seem to do anything.

Hello there. I have a basic setup with this theme, and I'm noticing that the specifying "dark" will not change the color scheme of the theme when building. I have the following _config.yml

title: nassredean nasseri
tagline: "| nasseri.io"
author:
  name: Nassredean Nasseri
email: [email protected]
description: "the personal website of nassredean nasseri"
url: "https://nasseri.io"
baseurl: ""
exclude: [scripts/]
favicon: "favicon.png"
permalink: /:slug.html
theme: no-style-please
theme_config:
  appearance: "dark"
  back_home_text: ".." # customize text for homepage link in post layout
  date_format: "%Y-%m-%d" # customize how date is formatted
  show_description: false # show blog description in home page
timezone: America/New_York
plugins:
  - jekyll-sitemap
  - jekyll-feed

I observe that the <body> tag, is not being given an a attribute of any kind after running jekyll build. So it seems like, somehow this line <body a="{{ site.theme_config.appearance | default: "auto" }}"> in https://github.com/riggraz/no-style-please/blob/3432e31045f14ee57dedd1e0653c3d94d19eed01/_layouts/default.html is not working for me.

Is there anything else I need to do to get the dark theme applying correctly? Note that I have no _layouts, _includes, or _posts directory in my site. Not sure if that makes a difference.

Could not find 'no-style-please'

Can't use no-style-please on github-pages.

Run actions/jekyll-build-pages@v1-beta
/usr/bin/docker run --name ghcrioactionsjekyllbuildpagesv1beta_3f4646 --label 9916a7 --workdir /github/workspace --rm -e INPUT_SOURCE -e INPUT_DESTINATION -e INPUT_FUTURE -e INPUT_BUILD_REVISION -e INPUT_VERBOSE -e INPUT_TOKEN -e HOME -e GITHUB_JOB -e GITHUB_REF -e GITHUB_SHA -e GITHUB_REPOSITORY -e GITHUB_REPOSITORY_OWNER -e GITHUB_RUN_ID -e GITHUB_RUN_NUMBER -e GITHUB_RETENTION_DAYS -e GITHUB_RUN_ATTEMPT -e GITHUB_ACTOR -e GITHUB_WORKFLOW -e GITHUB_HEAD_REF -e GITHUB_BASE_REF -e GITHUB_EVENT_NAME -e GITHUB_SERVER_URL -e GITHUB_API_URL -e GITHUB_GRAPHQL_URL -e GITHUB_REF_NAME -e GITHUB_REF_PROTECTED -e GITHUB_REF_TYPE -e GITHUB_WORKSPACE -e GITHUB_ACTION -e GITHUB_EVENT_PATH -e GITHUB_ACTION_REPOSITORY -e GITHUB_ACTION_REF -e GITHUB_PATH -e GITHUB_ENV -e RUNNER_OS -e RUNNER_ARCH -e RUNNER_NAME -e RUNNER_TOOL_CACHE -e RUNNER_TEMP -e RUNNER_WORKSPACE -e ACTIONS_RUNTIME_URL -e ACTIONS_RUNTIME_TOKEN -e ACTIONS_CACHE_URL -e ACTIONS_ID_TOKEN_REQUEST_URL -e ACTIONS_ID_TOKEN_REQUEST_TOKEN -e GITHUB_ACTIONS=true -e CI=true -v "/var/run/docker.sock":"/var/run/docker.sock" -v "/home/runner/work/_temp/_github_home":"/github/home" -v "/home/runner/work/_temp/_github_workflow":"/github/workflow" -v "/home/runner/work/_temp/_runner_file_commands":"/github/file_commands" -v "/home/runner/work/alefvanoon.xyz/alefvanoon.xyz":"/github/workspace" ghcr.io/actions/jekyll-build-pages:v1-beta
/usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/theme.rb:84:in `rescue in gemspec': The no-style-please theme could not be found. (Jekyll::Errors::MissingDependencyException)
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/theme.rb:81:in `gemspec'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/theme.rb:19:in `root'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/theme.rb:12:in `initialize'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/site.rb:439:in `new'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/site.rb:439:in `configure_theme'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/site.rb:55:in `config='
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/site.rb:23:in `initialize'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/commands/build.rb:30:in `new'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/commands/build.rb:30:in `process'
	from /usr/local/bundle/gems/github-pages-223/bin/github-pages:70:in `block (3 levels) in <top (required)>'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `block in execute'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `each'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `execute'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/program.rb:42:in `go'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary.rb:19:in `program'
	from /usr/local/bundle/gems/github-pages-223/bin/github-pages:6:in `<top (required)>'
	from /usr/local/bundle/bin/github-pages:23:in `load'
	from /usr/local/bundle/bin/github-pages:23:in `<main>'
/usr/local/lib/ruby/2.7.0/rubygems/dependency.rb:311:in `to_specs': Could not find 'no-style-please' (>= 0) among 159 total gem(s) (Gem::MissingSpecError)
Checked in 'GEM_PATH=/github/home/.gem/ruby/2.7.0:/usr/local/lib/ruby/gems/2.7.0:/usr/local/bundle', execute `gem env` for more information
	from /usr/local/lib/ruby/2.7.0/rubygems/dependency.rb:323:in `to_spec'
	from /usr/local/lib/ruby/2.7.0/rubygems/specification.rb:986:in `find_by_name'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/theme.rb:82:in `gemspec'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/theme.rb:19:in `root'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/theme.rb:12:in `initialize'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/site.rb:439:in `new'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/site.rb:439:in `configure_theme'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/site.rb:55:in `config='
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/site.rb:23:in `initialize'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/commands/build.rb:30:in `new'
	from /usr/local/bundle/gems/jekyll-3.9.0/lib/jekyll/commands/build.rb:30:in `process'
	from /usr/local/bundle/gems/github-pages-223/bin/github-pages:70:in `block (3 levels) in <top (required)>'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `block in execute'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `each'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `execute'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/program.rb:42:in `go'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary.rb:19:in `program'
	from /usr/local/bundle/gems/github-pages-223/bin/github-pages:6:in `<top (required)>'
	from /usr/local/bundle/bin/github-pages:23:in `load'
	from /usr/local/bundle/bin/github-pages:23:in `<main>'
  Logging at level: debug
Configuration file: /github/workspace/./_config.yml
             Theme: no-style-please
github-pages 223 | Error:  The no-style-please theme could not be found.

KaTeX Support

Great theme, many thanks to riggraz.
Can anyone help with adding formulas to posts or pages, something like this:

$$f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi$$

$$f(x) = \int_{-\infty}^\infty \hat f(\xi),e^{2 \pi i \xi x} ,d\xi$$

Within github, formula is displayed fine but the rendered webpage does not show formula properly, just as a code.

Thanks in advance.

[Question] Why no-css?

I just wanted to know what is the goal of using no-CSS? Is it related to performance or anything?

No-Style-please theme question

Hello,

I want to set jekyll theme noo-style-please which I downloaded from your github. The theme supposed like your demo - https://riggraz.dev/no-style-please/ but I have only thing like this:
obraz2

I think I set up the theme properly. I put into index.markdown layout: home, about.markdown layout: post, welcome-to-jekyll _posts - layout: post. In _config.yml I put theme: no-style-please and I set im gemfile - gem “no-style-please”

I just have blank page without this option from screen one. Should I put some data file into index or I should have the info, thoughts options in the theme? Thanks for help ;)

Source Inspection reveals too many generated white spaces.

Hi! After I published my site a friend of mine did a source inspection which revealed that the generated code has too many sources included.

Browning on the internet I've found a fix by replacing all {{% with {{%-.

Yet even after this, there's a big blank space at the end of the main page source code I have no idea how to fix.

Any ideas?

Source before my changes:

IMG_20210202_112000_267

Hey :)

Using dark theme on my blog, if I view on mobile, some of my code blocks, pictures escape the dark theme, and propagate half my page white, I have tried changing the body to black in the sass file but unsure what the issue is really....Thanks for you time. https://ryku-1.github.io

(cheers for the theme btw it is awesome)

Social links in no-style-please theme

Hello,

I try to figured out how to add linkedn, github social pages in main page of jerkyll site included no-style-please theme but I didn't find any attractive soultion. Is it possibly to add it? Any thoughts?

Problems rending programming language R in source code

When trying to render an R code black, I get the following spacing error. Note that doing the same thing in Python has normal spacing.

Screen Shot 2021-03-07 at 10 27 34 PM

Here's what my markdown post looks like:

Screen Shot 2021-03-07 at 10 28 20 PM

When I change to the default minima template, the error goes away.

Code block display problem on smartphone and reduced window

hello, I really like this theme, but code blocks seem to mess with de display of the page if you view it from a smartphone or a reduced window.

half of the page dissapears into a white screen (maybe it is a issue with the dark mode?)
it happens in the demo page too:

photo_2021-03-16_03-44-21

I'm just starting to learn about all this stuff, hope its not my bad...
thanks!

Date is not accurate

Thanks for make great theme.

but i found some bug which is Date is not accurate. (in screenshot)

Do you kwow how to custom a date?

i appreciate your theme again. thanks.

스크린샷 2021-05-13 오후 4 56 30

codeblocks are weird

Using Dark Theme, my codeblocks look like this: (even with highlighting)
image

This is the raw source code for the post.

Other themes such as Minima have a cleaner codeblock look:
image

Is this an issue with the actual theme, or something on my end?

(also the codeblocks don't autowrap so big spaces will extend the page)

post links are not using baseurl

I'm deploying a site to https://example.com/my-site and links to my posts are showing up as https://example.com/blog-post.html instead of https://example.com/my-site/blog-post.html

My _config.yml contains:

url: "https://example.com/my-site"
baseurl: "/my-site"

Is my config wrong or is this theme not working correctly?

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.