nandomoreirame / dotx

💎 Simple & Beautiful Jekyll theme

Hi there, I'm Fernando Moreira 👋

const NANDOMOREIRA = {
  bio: 'Web Developer and Open Source enthusiast based in Sorocaba/SP - Brazil',
  challenge: `I'm focused on Angular, TypeScript, React (Nextjs, Remix.run and Astro) and Nodejs (Express/Nestjs)`,
  code: [
    'HTML',
    'CSS',
    'JavaScript',
    'TypeScript',
    'Nodejs',
    'NestJS',
    'React',
    'Nextjs',
    'Angular',
    'Remix.run',
    'Vue.js',
    'Nuxt',
    'Astro',
  ],
  tools: [
    'vscode',
    'pnpm',
    'yarn',
    'NX.dev',
    'eslint',
    'prettier',
    'husky',
    'nvm',
    'commitlint',
    'Stylelint',
    'Jest',
    'Warp',
    'docker',
    'figma',
  ],
  more: [
    `I use daily: ".(t|j)s(x)", ".html" and ".(s)css"`,
    `I'm currently learning Node.js (NestJS), Angular, TypeScript, Prisma, Remix.run and Strapi.io`,
    `I'm looking to collaborate on social impact projects`,
    `Ask me about Coffee, Beer, Bikes, aDHD (TDAH) and Personal Management Tools`,
    `Things I deeply care about: User and Dev Experience, Design and A11y ♥️`,
  ],
};

How to reach me:

dotx's Issues

Rakefile is missing

Accessibility errors found in your template

The user @carlsonsantana validate your site template "https://nandomoreirame.github.io/dotX" and found these accessibility errors:

• Page https://nandomoreirame.github.io/dotX/:
  • Issue a3b55688-76f8-4981-91a2-6ede1289aefa:
    • 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 2.77:1. Recommendation: change background to #0b8935.
    • Selector: html > body > section > div:nth-child(3) > nav > a
    • Context: <a href="http://github.com/nandomoreirame/dotX/archive/master.zip" class="button button-ghost" role="button">Download</a>
  • Issue 9c5f22c2-8252-4700-be6c-905d9818f774:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
    • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1.96:1. Recommendation: change background to #108e3a.
    • Selector: html > body > section > div:nth-child(3) > h2
    • Context: <h2 class="intro-subtitle">Simple &amp; Beautiful Jekyll t...</h2>
  • Issue 5062152a-b59e-41f6-8983-c1238afab2be:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
    • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.77:1. Recommendation: change background to #2caa56.
    • Selector: html > body > section > div:nth-child(3) > h1 > strong
    • Context: <strong>X</strong>
  • Issue 627a5453-8415-4d41-8b94-db091ba8d462:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
    • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.77:1. Recommendation: change background to #2caa56.
    • Selector: html > body > section > div:nth-child(3) > h1
    • Context: <h1 class="intro-title">dot<strong>X</strong></h1>
  • Issue bf2dfa1e-7213-4b9b-84ef-d51ae834dab8:
    • 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 1:1. Recommendation: change background to #004e1a.
    • Selector: #menu-burger
    • Context: <a href="#navbar" id="menu-burger" class="menu-burger">Menu <span class="nav-icon"></s...</a>
  • Issue 4b750f62-69f0-4c2d-a9ac-30c0862d2837:
    • Type: Error
    • Code: WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2
    • Message: The html element should have a lang or xml:lang attribute which describes the language of the document.
    • Selector: html
    • Context: <html style="" class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity c...

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

Wrong colors using Opera and Safari

Hi,

I only want to say that the theme does not work properly with Opera. The nav-bar appears as a black circle, and when you hover over it, the arrow does not appear.

In Safari, I was trying to change the primary color in _variables.scss from #3cc76a to #f1a217. After this change I had problems with the nav-button on my Mac. When hovering over the nav-bar button I see blue colors on the burger. I had no problems in Chrome and Firefox.

Best regards

can not directly build with jekyll on Ubuntu 15.04

when I use

bundle install

and then

jekyll serve

but the following error occurs:

Please report a bug if this causes problems.
Configuration file: /home/roger/Codes/websites/dotX/_config.yml
Source: source
Destination: _site
Generating...
You are missing a library required for Markdown. Please run:
$ [sudo] gem install kramdown
Conversion error: Jekyll::Converters::Markdown encountered an error while converting '_posts/2015-12-20-welcome-to-jekyll.markdown/#excerpt':
Missing dependency: kramdown
ERROR: YOUR SITE COULD NOT BE BUILT:
------------------------------------
Missing dependency: kramdown

But

bundle exec jekyll serve

works fine

Cant install the theme!

I ran bundle install and got this:

WARNING: You don't have /home/catdroutlinux/.gem/ruby/3.0.0/bin in your PATH,
gem executables will not run.
Building native extensions. This could take a while...
ERROR: Error installing ffi:
ERROR: Failed to build gem native extension.

current directory: /home/catdroutlinux/.gem/ruby/3.0.0/gems/ffi-1.15.0/ext/ffi_c

/snap/bin/ruby -I /var/lib/snapd/snap/ruby/212/lib/ruby/3.0.0 -r ./siteconf20210421-63984-u5r48n.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=/var/lib/snapd/snap/ruby/212/bin/$(RUBY_BASE_NAME)
--with-ffi_c-dir
--without-ffi_c-dir
--with-ffi_c-include
--without-ffi_c-include=${ffi_c-dir}/include
--with-ffi_c-lib
--without-ffi_c-lib=${ffi_c-dir}/lib
--enable-system-libffi
--disable-system-libffi
--with-libffi-config
--without-libffi-config
--with-pkg-config
--without-pkg-config
/var/lib/snapd/snap/ruby/212/lib/ruby/3.0.0/mkmf.rb:471:in try_do': The compiler failed to generate an executable file. (RuntimeError) You have to install development tools first. from /var/lib/snapd/snap/ruby/212/lib/ruby/3.0.0/mkmf.rb:564:in try_link0'
from /var/lib/snapd/snap/ruby/212/lib/ruby/3.0.0/mkmf.rb:582:in try_link' from /var/lib/snapd/snap/ruby/212/lib/ruby/3.0.0/mkmf.rb:684:in try_ldflags'
from /var/lib/snapd/snap/ruby/212/lib/ruby/3.0.0/mkmf.rb:1851:in pkg_config' from extconf.rb:9:in system_libffi_usable?'
from extconf.rb:42:in `

'

To see why this extension failed to compile, please check the mkmf.log which can be found here:

/home/catdroutlinux/.gem/ruby/3.0.0/extensions/x86_64-linux/3.0.0/ffi-1.15.0/mkmf.log

extconf failed, exit code 1

Gem files will remain installed in /home/catdroutlinux/.gem/ruby/3.0.0/gems/ffi-1.15.0 for inspection.
Results logged to /home/catdroutlinux/.gem/ruby/3.0.0/extensions/x86_64-linux/3.0.0/ffi-1.15.0/gem_make.out

demo shows 404 error

clicked on demo button and it displayed 404 error, not found

Intro not full screen on Safari

The intro section on the homepage does not cover the full screen.

Using Safari version 10.1.1

Symlink Error Building Github Pages

Hello,

I recently found your dotX template via the Jekyll themes website and wanted to use it for my personal site. However, whenever I try to use it (modified or copied straight from your repository) I get the following error emailed to me:

"The page build failed with the following error:

A file was included in source/index.html that is a symlink or does not exist in your _includes directory. For more information, see https://help.github.com/articles/page-build-failed-file-is-a-symlink.

If you have any questions you can contact us by replying to this email."

The only include line is for the navbar.html, and when I serve using Jekyll the site works fine. It simply won't publish to my public domain name.

If you could shed any light as to why this might be occurring, it would be extremely helpful.

Many thanks.

I cannot publish on github

M1413644:francis2211.github.com fi043739$ sudo bundle exec rake
Configuration file: _config.yml
cp -r _site/. /tmp/d20160407-67083-1esgxp6
Initialized empty Git repository in /private/tmp/d20160407-67083-1esgxp6/.git/
Switched to a new branch 'master'
[master (root-commit) c3acc6b] Site updated at 2016-04-08 01:53:57 UTC
22 files changed, 2078 insertions(+)
create mode 100644 404.html
create mode 100644 about/index.html
create mode 100644 blog/2015/a-wonderful-serenity-has-taken-possession-of-my-entire-soul/index.html
create mode 100644 blog/2015/far-far-away-behind-the-word-mountains-far-from-the-countries-vokalia-and-consonantia/index.html
create mode 100644 blog/2015/lorem-ipsum-dolor-sit-amet-consectetuer-adipiscing-elit/index.html
create mode 100644 blog/2015/lorem-ipsum-dolor-sit/index.html
create mode 100644 blog/2015/lorem/index.html
create mode 100644 blog/2015/the-quick-brown-fox-jumps-over-a-lazy-dog/index.html
create mode 100644 blog/2015/welcome-to-jekyll/index.html
create mode 100644 blog/index.html
create mode 100644 blog/page/2/index.html
create mode 100644 blog/page/3/index.html
create mode 100644 css/main.css
create mode 100644 feed.xml
create mode 100644 fonts/end2end-icons.eot
create mode 100644 fonts/end2end-icons.svg
create mode 100644 fonts/end2end-icons.ttf
create mode 100644 fonts/end2end-icons.woff
create mode 100755 images/author.jpg
create mode 100644 images/bg-pattern.png
create mode 100644 index.html
create mode 100644 resume/index.html
Warning: Permanently added the RSA host key for IP address '192.30.252.123' to the list of known hosts.
Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

Your theme is listed on jekyll-themes.com

Your theme has been listed on https://jekyll-themes.com/.

Lots of error in Ubuntu 14.04

When I type jekyll serve I get

/var/lib/gems/1.9.1/gems/execjs-2.6.0/lib/execjs/runtimes.rb:48:in autodetect': Could not find a JavaScript runtime. See https://github.com/rails/execjs for a list of available runtimes. (ExecJS::RuntimeUnavailable) from /var/lib/gems/1.9.1/gems/execjs-2.6.0/lib/execjs.rb:5:inmodule:ExecJS'
from /var/lib/gems/1.9.1/gems/execjs-2.6.0/lib/execjs.rb:4:in <top (required)>' from /var/lib/gems/1.9.1/gems/coffee-script-2.4.1/lib/coffee_script.rb:1:inrequire'
from /var/lib/gems/1.9.1/gems/coffee-script-2.4.1/lib/coffee_script.rb:1:in <top (required)>' from /var/lib/gems/1.9.1/gems/coffee-script-2.4.1/lib/coffee-script.rb:1:inrequire'
from /var/lib/gems/1.9.1/gems/coffee-script-2.4.1/lib/coffee-script.rb:1:in <top (required)>' from /var/lib/gems/1.9.1/gems/jekyll-coffeescript-1.0.1/lib/jekyll-coffeescript.rb:2:inrequire'
from /var/lib/gems/1.9.1/gems/jekyll-coffeescript-1.0.1/lib/jekyll-coffeescript.rb:2:in <top (required)>' from /var/lib/gems/1.9.1/gems/jekyll-2.5.3/lib/jekyll/deprecator.rb:46:inrequire'
from /var/lib/gems/1.9.1/gems/jekyll-2.5.3/lib/jekyll/deprecator.rb:46:in block in gracefully_require' from /var/lib/gems/1.9.1/gems/jekyll-2.5.3/lib/jekyll/deprecator.rb:44:ineach'
from /var/lib/gems/1.9.1/gems/jekyll-2.5.3/lib/jekyll/deprecator.rb:44:in gracefully_require' from /var/lib/gems/1.9.1/gems/jekyll-2.5.3/lib/jekyll.rb:166:in<top (required)>'
from /var/lib/gems/1.9.1/gems/jekyll-2.5.3/bin/jekyll:6:in require' from /var/lib/gems/1.9.1/gems/jekyll-2.5.3/bin/jekyll:6:in<top (required)>'
from /usr/local/bin/jekyll:23:in load' from /usr/local/bin/jekyll:23:in

'

Can't deploy

I do not understand how is the deploy:

• I clone the repo
• Some changes in _config.yml
• If I push in my branch gh-page of my project repo, I get an email: A file was included in `source/index.html` that is a symlink or does not exist in your `_includes` directory.

What am I doing wrong?

Using Line numbers when doing Code Highlighting doesn't work

When attempting to use the linenos in {% highlight %} the line numbers show up but completely off and destroy the code block. You can no longer see the code and it pushes everything after it to the right.

ERROR `/assets/fonts/dotx-icons.ttf' not found.

As the title says, ERROR `/assets/fonts/dotx-icons.ttf' not found. Where do I get it?