devtips / artists-theme Goto Github PK
View Code? Open in Web Editor NEW๐ A free Jekyll Theme developed by the DevTips Community
Home Page: http://devtips.github.io/Artists-Theme
License: The Unlicense
๐ A free Jekyll Theme developed by the DevTips Community
Home Page: http://devtips.github.io/Artists-Theme
License: The Unlicense
c:\WEB\Art>jekyll serve --watch
Configuration file: c:/WEB/Art/_config.yml
Source: c:/WEB/Art
Destination: c:/WEB/Art/_site
Incremental build: disabled. Enable with --incremental
Generating...
Conversion error: Jekyll::Converters::Sass encountered an error while converting 'assets/css/all.sass':
Error: Invalid CSS after "$accent": expected 1 selector or at-rule, was ": #c99065;" on line 15:1 of all.sass >> $accent: #c99065; ^
------------------------------------------------
Jekyll 4.0.0 Please append --trace
to the serve
command
for any additional information or backtrace.
------------------------------------------------
c:\WEB\Art>
I think if we have a animated progress bar like in the link it would imply that we are still progressing to reach 100% Just a thought ๐ ๐
I cloned the repository and when I ran jekyll serve
I received this error:
Conversion error: Jekyll::Converters::Sass encountered an error while converting Artists-Theme/assets/css/all.sass: $color: is not a color for lighten on line 16
Is there a way to deploy this from GitHub pages or Netlify? I forked this and tried to open up the site on either but am met with this: https://poacher-start-71720.netlify.com/
Hello all,
I'm french so I'm sorry for my english ๐
I started the last 3 days the DevTips Artitsit template tutorial. After several hours to install all the programs I'm now in the coding phase (part 4).
I created the same structure and my {% include header.html %} is working but for the CSS part I've some challenge.
If I add this code in my all.sass the css works
all.sass
--- --- body background-color: red
but if I add these the CSS NOT working, in the _site the file 'all' in not converting to .css but stay as a .sass
all.sass
@import '3-sections/-sections-dir'
_-sections-dir.sass
@import 'header'
header.sass
body background-color: pink
Here is my configuration file so far:
_config.yml
# Build settings port: 8000 sass: sass_dir: _sass
Thanks for your help,
Damien
Hey Everyone,
Thanks a lot for making this theme available. It has been a huge help . I just finished pushing my modified code to github and generated a gh page based website. However, when click on a picture in the "work" section, I get this error in my browser console.
"Mixed Content: The page at 'https://crikeli.github.io/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://crikeli.github.io/work/proj-2/'. This request has been blocked; the content must be served over HTTPS." .
Do you know if any one has ran into this issue? And if so, how did they solve it?
I'd greatly appreciate any help!
Thanks :)
What do i need to change in the code? see http://snag.gy/JvuRx.jpg
Hi Travis,
in the repo I see only the gh-pages branch. Is there a master branch available as well for rebuilding the project locally?
Tnx and best regards from Germany,
Leo
hi there,
I just downloaded the Artists theme and started playing with it. I am new to Jekyll. So I tried to follow simple steps: jekyll build, jekyll serve. No errors are reported, but the site layout is totally messed up.
The versions I installed are as below:
jekyll 2.1.1
Sass 3.3.10 (Maptastic Maple)
Maybe someone can give me some tips what is wrong? Thanks a lot.
Hello all,
after a couple of weeks I'm glad to present you my website based on this "programme" : www.2BProud.fr
off course he's maybe not perfect but it's my first site ! I'll be more than happy to get your feedbacks, to improve design, code etc ...
Sorry I'm from Paris so the website is French. The idea of the website for me is just to give a "showcase", of my youtube chanel about fitness (openning in 2-3weeks).
Happy Easter !!
Damien
I have watched debTips for a while already.
Also at the same time learning a little bit of HTML and CSS at FreeCodeCamp.
I was trying to duplicate Travis's "Artist-theme" personal portfolio.
However I was stuck here, I did not know why my code does not work.
Here are a few things I found out didn't work.
The logo did not show up at all.
The navigation part (those 4 tabs) can only be moved from left to right of the screen. I can only change the margin of them. Other than that, you can see in the screen shots everything did not work.
Any time I try to move files into the image folder, Jekyll is deleting my files. Any idea why?
I am following your tutorial on this project on youtube and I am encountering a problem.
Conversion error: Jekyll::Converters::Sass encountered an error while converting '/assets/css/main.sass': File to import not found or unreadable: 1-tools/-tools-index. on line 1
Would really appreciate some assistance. PLease and Thank you
I'm trying to keep the nav bar fixed to the top of the web page.
Try this option in header.html but nothing happens, any idea?
<header id="header">
<nav class="navbar navbar-fixed-top">
<div class="container">
{% for item in site.data.settings.menu %}
<a href="{{ item.url }}">{{ item.name }}</a>
{% endfor %}
</div>
</nav>
<h1><span>{{ site.data.settings.title }}</span></h1>
<p class="kicker">{{ site.data.settings.description }}</p>
</header>
Thank's for this great theme!
Unsure why our page template design using Elvantly has broken - desperately need help fidning what happened and how to fix it!
I'm not sure if this is the right place for this but thanks to DevTips I was able to add a side-bar navigation pane onto the Artists theme ( gif above). I'm sure I've mangled this (and the responsive end is questionable) so it would be great if you could do a video or maybe a whole series on different responsive navigation options.
Thanks to DevTips I made our lab page as a jekyll-powered gh-pages repo! See the v0.1 here. It's a skeleton right now but thanks for making this possible! I'd love feedback or suggestions for improvements too!
Hey all,
I have no idea why this is happening, but it is :( . I am able to render the "work" section on the website perfectly while I am testing locally:
However, after I publish the site, the layout gets completely messed up
Has anyone experienced this? If so, any solutions?
Thanks alot for reading and for the help in advance!
P.S The code resides here : https://github.com/crikeli/crikeli.github.io
Getting this error, which looks like it 's from Bourbon in
/assets/css/1-tools/bourbon/helpers/_linear-angle-parser.scss
Conversion error: Jekyll::Converters::Sass encountered an error while converting 'assets/css/main.sass':
Invalid CSS after " webkit-image": expected ")", was ": -webkit- + $p..." on line 21
Not too familiar with Bourbon, is this just a typo?
the logo.svg is to big, in the videos it is 50 by 50
I followed instructions
allan@allan-pc:~/test/Artists-Theme$ jekyll serve --watch --trace
Configuration file: /home/allan/test/Artists-Theme/_config.yml
Source: /home/allan/test/Artists-Theme
Destination: /home/allan/test/Artists-Theme/_site
Incremental build: disabled. Enable with --incremental
Generating...
Conversion error: Jekyll::Converters::Sass encountered an error while converting 'assets/css/all.sass':
Error: Invalid CSS after "$accent": expected 1 selector or at-rule, was ": #c99065;" on line 15:1 of all.sass >> $accent: #c99065; ^
Traceback (most recent call last):
28: from /home/allan/gems/bin/jekyll:23:in <main>' 27: from /home/allan/gems/bin/jekyll:23:in
load'
26: from /home/allan/gems/gems/jekyll-4.0.0/exe/jekyll:15:in <top (required)>' 25: from /home/allan/gems/gems/mercenary-0.3.6/lib/mercenary.rb:19:in
program'
24: from /home/allan/gems/gems/mercenary-0.3.6/lib/mercenary/program.rb:42:in go' 23: from /home/allan/gems/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in
execute'
22: from /home/allan/gems/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in each' 21: from /home/allan/gems/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in
block in execute'
20: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/commands/serve.rb:86:in block (2 levels) in init_with_program' 19: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/command.rb:89:in
process_with_graceful_fail'
18: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/command.rb:89:in each' 17: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/command.rb:89:in
block in process_with_graceful_fail'
16: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/commands/build.rb:36:in process' 15: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/commands/build.rb:65:in
build'
14: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/command.rb:28:in process_site' 13: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/site.rb:76:in
process'
12: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/site.rb:202:in render' 11: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/site.rb:515:in
render_pages'
10: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/site.rb:515:in each' 9: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/site.rb:516:in
block in render_pages'
8: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/site.rb:523:in render_regenerated' 7: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/renderer.rb:63:in
run'
6: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/renderer.rb:84:in render_document' 5: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/renderer.rb:100:in
convert'
4: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/renderer.rb:100:in reduce' 3: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/renderer.rb:100:in
each'
2: from /home/allan/gems/gems/jekyll-4.0.0/lib/jekyll/renderer.rb:102:in block in convert' 1: from /home/allan/gems/gems/jekyll-sass-converter-2.0.1/lib/jekyll/converters/scss.rb:179:in
convert'
/home/allan/gems/gems/jekyll-sass-converter-2.0.1/lib/jekyll/converters/scss.rb:187:in `rescue in convert': Error: Invalid CSS after "$accent": expected 1 selector or at-rule, was ": #c99065;" (Jekyll::Converters::Scss::SyntaxError)
on line 15:1 of all.sass
$accent: #c99065;
I am completely new to SCSS
Can you offer any advice
Regards
Allan
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.