shashankmehta / greyshade Goto Github PK
View Code? Open in Web Editor NEWA minimal responsive octopress theme
Home Page: http://shashankmehta.in/archive/2012/greyshade.html
A minimal responsive octopress theme
Home Page: http://shashankmehta.in/archive/2012/greyshade.html
I want to add a link to my PDF resume on the side bar.
Do you have any suggestions on icon set which resembles resume and will go along with the template?
I was looking into this from the existing icon set:
https://github.com/danleech/simple-icons/tree/master/icons/readmill/
I noticed that (certain) code blocks on iOS look weird. I've tried inspecting the CSS (through Safari on my desktop) and can't see why it happens 0 the case styles that affect the HTML in my screenshots below affect the non0HTML and yet they render differently.
The page in question is http://alexrussell.me.uk/
Here's how it looks in Chrome on my desktop:
Chrome emulating iOS using developer tools (obviously it fails miserably at actual emulation here for whatever reason - just seems to scale things down even though I am emulating the UA and the size - the left nav does switch to being at the top so something responsive is working, but apparently something's wrong - maybe it's due to retina weirdness):
Here's a screenshot from my iOS 7 Safari showing the problem:
Here's a screenshot from my iOS Simulator showing the problem:
And for reference here's a screenshot of where it's really going wrong and affecting things:
In the remote inspector (using Safari on my desktop connected to my iPhone) I see that the <span class="line">
inherits a style of font-size: 0.9em;
which comes from article pre
, but as I said above, both the {{ 'hello' }}
and <div class="name
code blocks have the same CSS and render differently. Looking at computed style for the <span class="line">
shows the correct 14px for the {{ 'hello' }}
line but oddly 23px for the <div class="name
one. The highlighter classes don't appear to have any special styles that exhibit the font-size issue.
Sorry i can't be very helpful here, but hopefully the original page, screenshots, and what I've found so far well help you at least reproduce the bug.
Hey, really like your theme! This might not be a real issue, but maybe more of just a concern.
I noticed that the latest tweets text and banner currently aren't being bound a max % width. Long tweets don't wrap, so they end up pushing the div boundaries way outside div.mid-col. I'm a terrible noob at web design, but I couldn't convince myself that this was intentional. If I'm wrong, my bad!
I personally really didn't like it as I don't think we ought to be seeing any horizontal scroll bars in responsive designs. In _twitter.scss, I ended up adding "width:95%;" to the #banner to address the div containment issue and "word-wrap: break-word;" to the li element to get the entire tweet to show. Only catch is that the time stamp gets pushed to line 2 in these long tweets. I have it set up this way on my site iamscottrogers.com.
Great work otherwise!
As the title says, when i applied the theme and exec "rake generate", this error occurred.
I followed the steps as you prescribed and got errors during rake generate
that said it couldn't find the $greyshade
variable. I put it in the sass/custom/_colors.scss
file as the instructions dictated. For the meantime, I moved the variable to the top of the _greyshade.scss
file instead.
Also I noticed that line #132 of _greyshade.scss
should probably use the $greyshade
variable instead of your chosen highlight color of #2571B8
.
Thanks.
Great work with the theme. It looks brilliant. I am using it for my personal website.
I think the gravatar needs jquery to work. It didn't work for me just adding the email address in _config.
The browser console shows error for jquery. So to fix it I just included jquery in the head section of source/_includes/head.html and it started working.
I think it will be great if you can update the documentation to include this.
Thanks.
Using the gist plugin and embedding code aligns all code text to "center".
Debugged a little and found this in the inherited style attributes of the code lines-
article .entry-content table td {
text-align: center;
}
Tried with the classic theme and this is what I got -
caption, th, td {
font-weight: normal;
text-align: left;
}
Thanks for your theme, it's awesome. Is there anything I should do to enable the fancybox integration? I found it not working with my site.
A possible suggestion to further differentiate different sites using Greyshade: change the text selection color to $greyshade. I'm using this on my site as an example.
::selection, ::-moz-selection, ::-webkit-selection
background-color: $greyshade
color: $color-background
Why I can't push mi blog code after install the plugin?
$ git push origin master
The submodule at ".themes/greyshade" was removed from
.gitmodules, but the folder still exists in the repository.
Delete the folder, commit the change, then try again.
I am trying to add Quora on the left sidebar.
Here are my changes:
rohitsinha54@cf0b9fd
But its not getting reflecting on the website. Am I missing something ?
The Octopress documentation discusses using Octopress as a linklog.
According to their documentation, you simply need to add external-url
to the post frontmatter as such:
external-url: http://opinionguy.com/post/uninformed-rant-vs-straw-man/
However, the theme dictates what effect this actually has. It seems that the greyshade theme doesn't do anything with this option.
Thank u for this theme.
After installing it I found the codes in / source / _includes / after_footer.html are default:
{% include disqus.html %}
{% include facebook_like.html %}
{% include google_plus_one.html %}
{% include twitter_sharing.html %}
{% include custom/after_footer.html %}
and after installing slash the codes are:
{% include disqus.html %}
{% include facebook_like.html %}
{% include google_plus_one.html %}
{% include twitter_sharing.html %}
hmm...I want to know why I am missing slash.js and fancybox.
$ rake generate
Generating Site with Jekyll
error sass/screen.scss (Line 9 of sass/custom/_styles.scss: Undefined variable: "$img-border".)
Since jquery was moved to load in the footer, the gravatar image load is broken in the body since it uses the jquery function.
my blog: http://wayneh.tw/
the repo: https://github.com/wayne930242/wayne930242.github.io
To further differentiate among Greyshade installation, consider adding variables for:
The link with your name in the footer for design credit should probably be hard-coded to go to http://shashankmehta.in/archive/2012/greyshade.html
instead of localhost
, where my own blog does not have such a post.
max-width
will improve readability on large screens
How to add simple simple search form in greyshade ?
I try put the same code from classic octopress to navigation
<form action="{{ site.simple_search }}" method="get">
<fieldset role="search">
<input type="hidden" name="q" value="site:{{ site.url | shorthand_url }}" />
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
</fieldset>
</form>
But the result not perfect,
After I installed the theme,how to add my Gravatar image to my blog?
On the archives page output, the last year section doesn't have a tag.
I listed my tracking id next to it but I can't seem to get it to work, shouldn't it generate the necessary script tag inside the bottom of my blog posts when I create a new post similar to how Disqus works after it get's configured, When I search through the whole folder, I can't find anything relating to Google Analytics except that one line
Hey Shashank!
Noticed tonight that {% include google_analytics.html %} is in both head.html and after_footer.html, making that bit of JS appear twice per page. It should be taken out of head.html for page load speed considerations.
I can't seem to enable syntax highlighting for this theme, is it supported and how?
I'm getting this error when I type rake generate
with octopress:
## Generating Site with Jekyll
error sass/screen.scss (Line 14 of sass/_greyshade.scss: Undefined variable: "$greyshade".)
overwrite source/stylesheets/screen.css
Configuration from /mnt/ubuntu/home/gulshan/code/web/gulshansingh.com/_config.yml
Building site: source -> public
Successfully generated site: source -> public
https://github.com/shashankmehta/greyshade/blob/master/source/javascripts/twitter.js#L55.
Need to update to 1.1
Hi, could please add a search bar for blog's article search?
It will be very useful. thx.
rake generate
## Generating Site with Jekyll
error sass/screen.scss (Line 2 of sass/_greyshade.scss: Invalid CSS after "@import ": expected file to import (string or url()), was "custom/_font.scss")
I've entered my GA tracking code into my Octopress _config.yml and it doesn't appear to have changed the code at all.
Now I may be wrong here about whose job that is (my guess is that it'd be the theme's when it comes down to it though as that's where the JS has to come out) and maybe I'm doing it wrong (I'm very new to Octopress) but I thought I'd raise it as a bug here and you can quickly dismiss and close if I'm wrong.
Great theme by the way, thanks for open sourcing your hard work!
Just a todo list item to add sidebar support for github, twitter, etc
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.