pages-themes / architect Goto Github PK
View Code? Open in Web Editor NEWArchitect is a Jekyll theme for GitHub Pages
Home Page: https://pages-themes.github.io/architect/
License: Creative Commons Zero v1.0 Universal
Architect is a Jekyll theme for GitHub Pages
Home Page: https://pages-themes.github.io/architect/
License: Creative Commons Zero v1.0 Universal
The user @carlsonsantana validate your site template "https://pages-themes.github.io/architect/" and found these accessibility errors:
#main-content > div:nth-child(33) > div > pre > code
<code>The final element. </code>
#main-content > div:nth-child(32) > div > pre > code
<code>Long, single-line code blocks s...</code>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(26)
<span class="p">)</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(23)
<span class="n">version</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(20)
<span class="p">,</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(19)
<span class="n">gem</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(18)
<span class="p">(</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(16)
<span class="p">.</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(15)
<span class="n">s</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(13)
<span class="n">version</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(12)
<span class="p">,</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(11)
<span class="n">gem</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(7)
<span class="p">.</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(5)
<span class="p">.</span>
#main-content > div:nth-child(11) > div > pre > code > span:nth-child(1)
<span class="c1"># Ruby code with syntax highlig...</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(24)
<span class="p">}</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(23)
<span class="p">;</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(20)
<span class="p">)</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(19)
<span class="nx">l</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(16)
<span class="p">(</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(15)
<span class="nx">require</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(13)
<span class="nx">i18n</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(12)
<span class="p">.</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(11)
<span class="nx">dateformat</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(10)
<span class="p">{</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(9)
<span class="p">)</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(8)
<span class="nx">l</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(7)
<span class="p">(</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(6)
<span class="nx">lang</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(3)
<span class="nx">fun</span>
#main-content > div:nth-child(10) > div > pre > code > span:nth-child(1)
<span class="c1">// Javascript code with syntax ...</span>
You can check these accessibility errors using pa11y.
You can view the full validation results in our website.
I'm pretty sure the wrong variable is being used unintentionally.
Changing
<a href="{{ site.github.repository_url }}" class="button"><small>Follow me on</small> GitHub</a>
to
<a href="{{ site.github.owner_url }}" class="button"><small>Follow me on</small> GitHub</a>
on line 29 of _layouts/default.html
fixed it for me.
Sorry for being a noob, but can somebody advise how to increase the inner size of the text column of the page?
Have a look here how the page looks in a real example.
http://flightcontrol-master.github.io/MOOSE/
How can the page be sized to the full width of the browser (or at least 3/4th of the width of the browser)?
Also i think the theme has an issue, shouldn't the main page show these blue boxes on the right of the page? Now it is only text that is show.
kind regards,
Sven
Error: Logging at level: debug Configuration file: /github/workspace/./_config.yml Theme: pages-themes/[email protected] github-pages 231 | Error: The pages-themes/[email protected] theme could not be found.
From a test with my own repo I obviously guessed wrong from the gist Repository metadata on GitHub Pages and jekyll-github-metadata/2.9.4 when I tried to replace
architect/_layouts/default.html
Line 53 in aa5c3cf
<p class="repo-owner"><a href="{{ site.github.repository_url }}">{{ site.github.repository_name }}</a>
is
{% if site.github.is_primary %}
maintained
{% else %}
forked
{% endif %}
by
{% if site.github.is_organisation_repository %}
organisation
{% endif %}
<a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>
</p>
Any suggestions to achieve the objective?
Gemfile
source "https://rubygems.org"
# Hello! This is where you manage which Jekyll version is used to run.
# When you want to use a different version, change it below, save the
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
#
# bundle exec jekyll serve
#
# This will help ensure the proper Jekyll version is running.
# Happy Jekylling!
gem "jekyll", "~> 4.0.0"
# This is the default theme for new Jekyll sites. You may change this to anything you like.
#gem "minima", "~> 2.5"
gem 'jekyll-theme-architect', '~> 0.1.1'
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
# uncomment the line below. To upgrade, run `bundle update github-pages`.
# gem "github-pages", group: :jekyll_plugins
# If you have any plugins, put them here!
group :jekyll_plugins do
gem "jekyll-feed", "~> 0.12"
end
# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
# and associated library.
install_if -> { RUBY_PLATFORM =~ %r!mingw|mswin|java! } do
gem "tzinfo", "~> 1.2"
gem "tzinfo-data"
end
# Performance-booster for watching directories on Windows
gem "wdm", "~> 0.1.1", :install_if => Gem.win_platform?
bundle update
Fetching gem metadata from https://rubygems.org/...........
Fetching gem metadata from https://rubygems.org/.
Resolving dependencies...
Bundler could not find compatible versions for gem "jekyll":
In Gemfile:
jekyll (~> 4.0.0)
jekyll-theme-architect (~> 0.1.1) was resolved to 0.1.1, which depends on
jekyll (~> 3.5)
I'm using Architect on a Github pages site (https://www.phillipkittelson.com), and I put header text in the side bar using HTML
As seen on Leap Day.
I prefer this theme visually, but the on-this-page TOC is a nice touch.
Hi, my page is simple
https://github.com/imvieira/qiskit/docs
Igor's posts http://imvieira.github.io/qiskit
But I do not know how to make my posts automatically shown on the landing page (index.md).
Can you help me ?
I think a pure HTML5 / CSS version with the same CC0 license would help quite a few people like myself with simplistic websites. I have already made a CC0-licensed version with pure CSS working with the Eleventy (11ty) static generator: https://github.com/brodybits/printable-architect-starter-theme
Someone already made a pure HTML+CSS version under a CC BY Attribution license: https://github.com/jasonlong/architect-theme
I've been playing around with adding a few links to the header section of my github site, for example linkedin, but it could be anything.
On my page below, you can see the example link called "Test Link to LinkedIn"
https://ericcsinger.github.io/
No matter what i've tried, it keeps prepending "https://ericcsinger.github.io/".
What do i have to do, so that it's only "www.linkedin.com/in/ericcsinger" and not "https://ericcsinger.github.io/"www.linkedin.com/in/ericcsinger"
Example syntax: {{ site.url.linkedin }} produces
"https://ericcsinger.github.io/"www.linkedin.com/in/ericcsinger"
However if I put a non-variable in (like the link it’s self. It works fine.
The URL to the issues page is incorrect in README.md:
See the [open issues](https://github.com/pagse-themes/architect/issues) for a list of proposed features (and known issues).
Replace pagse-themes
with pages-themes
I'm seeing the following error on every page load:
[2018-02-16 11:51:53] ERROR '/assets/images/hr.png' not found.
I'm overriding the Architect theme with a _layouts/default.html file. I don't see hr.png
in any of my output but consistently see the error above in the logs. Any ideas on what I missed? Thanks.
Hi,
it seems that the header h1, header h2 { width: ... }
in _sass/jekyll-theme-architect.scss
should be incremented by 150px
. These line wrappings are to close. Currently I am overrriding it in my project and it looks like this:
https://github.com/YouDirk/youdirk_numeric_io/blob/master/docs/assets/css/style.scss
@import "{{ site.theme }}";
/* Overrides
* https://github.com/pages-themes/architect/blob/master/_sass/jekyll-theme-architect.scss
*/
/* Titles not width enough +150px (seems to be a bug in original
* version)
*/
header h1, header h2 {
width: 690px;
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* Titles not width enough +150px (seems to be a bug in original
* version)
*/
header h1, header h2 {
width: 490px;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
/* Same as overridden version */
header h1, header h2 {
width: 100%;
}
}
I think it should be adapted here?
cu and greets, Dirk :)
Allow customization of "View project on GitHub" link to target top-level GitHub organization.
I build my jekyll site locally and serve the site without issue. Everything works as expected. This is using the minima theme.
I push my changes to GitHub and check the site and everything works.
I navigate to my repository settings, scroll down to GitHub Page, and select the theme I want (in this case Architect). Doing this changes my _config.yml file. If I review the commit that was created by using the theme chooser I can see that the site isn't building and the error message is as follows:
"Failure: A file was included in 'about.md' that is a symlink or does not exists in your '_includes' directory."
My GitHub Pages page to switch from the minima theme to the Architect (or other) theme.
The architect theme renders some texts in English, such as "This page was generated by GitHub Pages." and "View project on GitHub", and I would love to do something like, set the language in the __config.yml like:
lang: pt_BR
And get an available localized version for my theme, I would love also to working in the localization to Brazilian Portuguese if such a feature was available. What do you think folks, is this relevant? How can we add this structure?
Is it possible to provide custom favicon?
Question as titiled
While posting the results of a survey (Number list for the questions with blockquoted answers, I discovered a visual oddity in the theme.
blockquote text has similar visual impact as Header1.
After a little digging it seems that line298 is the problem.
blockquote {
padding: 0 0 0 30px;
margin-bottom: 20px;
font-size: 1.6em;
border-left: 10px solid #e9e9e9;
}
Isn't that a bit excessive for what is typically an element styled congruent with P
and PRE
? Also, it seems to be the only text constructor with a size in em, everything else is in px
.
Here is a side-by-side composite image of the browser view within GitHub and the view after the Jekyll theme has been applied.
how do i change the image in the background. i thought it was header-bg.jpg but it doesn’t seem to change anything when i modify it.
it’s the only repo i have open
Hello,
First of all: I love the theme, and I appreciate all of the hard work that went into it!
My only qualm is with the way ordered lists are displayed - they sort of hang off the left edge of the paragraph, whereas unordered lists are slightly inset as I would expect. You can see an example of both in this post: https://pwsiegel.github.io/ds/info-theory-basics/.
It is possible that this behavior is intended, in which case feel free to close this issue. But if someone could point me to the CSS that controls the unordered lists so that I could replicate them in my own config, I would greatly appreciate it!
(I found ol
and ol li
in the CSS folder, but these settings don't appear to account for the difference.)
When inserting a footer on a site using this theme, there will be an error message saying
http://127.0.0.1:4000/<path to assets>/images/hr.png 404 (Not Found)
I believe the issue can be resolved with changing this line to not be relative pathed
Is there any way to make the webpage into a dark theme?
(im sry im new to html)
I want to change the image that goes with the Follow me on GitHub button so that I can make it say "Check out my website" and have a custom image there instead of the GitHub logo.
I have followed the step-by-step about blogging from the link https://jekyllrb.com/docs/step-by-step/08-blogging/
The file _posts/ 2018-08-20-bananas.md has been created.
However, when I access the site https://imvieira.github.io/wiki/blog.html, the post Apples is linked to the URL: https://imvieira.github.io/2018/08/21/apples.html
But I do not know why the page is creating subfolders with year-day-month/title.html .
hey
Update: This issue was solved. But I still have a question - is it possible to customize what is in {{ Content }}?
I have a GH Pages site (https://sayak-brm.github.io/espeak4py/) generated with this theme from the README.md
in my repo. The download Links point to this for {{ site.github.zip_url }}
and this for {{ site.github.tar_url }}
.
My repo doesn't contain a gh-pages
branch so it gives a 404 error. Even if it did, I guess the correct URL would have been this.
I am using this theme by choose a theme
in github pages as a project site, and I want to add mathjax to the header to by site, so it can render LaTeX math equation. I tried to add a line in _layout/default.html to override, but it doesn't work.
so I am wondering how. Thanks in advance!
The blueprint pattern in the header is pretty nice. Does anyone have the source for this file? Was it originally an SVG?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.