zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-24 17:22:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix favicon, and improve tutorial [#22]

Browse source
This commit is contained in:
Kyle Drake 2013-07-14 19:27:23 -04:00
parent aff143bbe1
commit 994ef558ee
2 changed files with 28 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
views/layout.erb
View file

@ -27,7 +27,7 @@
<link href="/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all"/>
<!-- If exists, brings over style blocks from child pages -->
<link rel="shortcut icon" type="image/ico" href="#favicon.ico" />
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<link rel="apple-touch-icon-precomposed" href="#apple-icon-144.png" />
<link rel="apple-touch-startup-image" href="#startup.png" />

31
views/tutorials.erb
View file

@ -12,12 +12,16 @@
Until then, please check out the following links to get you started:
</p>
<h3>HTML</h3>
<p>HTML is short for "HyperText Markup Language", and is the basic building block used to build all web sites.</p>
<ul>
<li>
<a href="http://www.htmldog.com/guides/html/beginner" title="Learn beginner HTML">HTML Beginner Tutorial</a>
</li>
<li>
<a href="http://www.w3schools.com/html/html_intro.asp" title="Learn beginner HTML from w3schoolsw">w3schools HTML Intro</a>
<a href="https://developer.mozilla.org/en-US/learn/html" title="Learn beginner HTML from Mozilla">Mozilla Learn HTML Resources</a>
</li>
<li>
<a href="http://codepupil.com/" title="Learn from games">CodePupil.com teaches with games</a>
@ -27,17 +31,36 @@
</li>
</ul>
<h3>CSS Frameworks</h3>
<h3>CSS</h3>
<p>CSS is short for "Cascading Style Sheets", which is the code used to set the style of your web pages. It is embedded in your HTML, and directs how your web site should look. If HTML was your house, CSS would be what allows you to decorate the way it looks.</p>
<ul>
<li>
<a href="https://github.com/bleachedgraphics/Brass-Tacks" title="Brass Tacks (currently in Alpha. More updates to come)" target="_blank">Brass Tacks</a>
<a href="https://developer.mozilla.org/en-US/learn/css" title="Learn beginner CSS from Mozilla">Mozilla Learn CSS Resources</a>
</li>
</ul>
<h3>CSS Frameworks</h3>
<p>CSS frameworks are pre-built CSS styles that make it easy to quickly build a nice looking web page, without having to "roll your own" set of styles. NeoCities itself uses one as the basis for our design (Brass Tacks). They are very useful, and definitely worth checking out once you have an understanding of how CSS works.</p>
<ul>
<li>
<a href="http://twitter.github.io/bootstrap/" title="Boot Straps" target="_blank">Twitter Bootstraps</a>
<a href="http://twitter.github.io/bootstrap/" title="Boot Straps" target="_blank">Twitter Bootstrap</a>
</li>
<li>
<a href="http://purecss.io/" title="Yahoo!'s Pure CSS">Pure</a>
</li>
<li>
<a href="https://github.com/bleachedgraphics/Brass-Tacks" title="Brass Tacks (currently in Alpha. More updates to come)" target="_blank">Brass Tacks</a>
</li>
</ul>
<h3>JavaScript</h3>
<p>JavaScript is the programming language that comes standard with all web browsers. You can embed JavaScript code into your HTML to allow you to program your web sites to do things. JavaScript was once a weak language with a lot of problems, but it is now a very fast and powerful language that is used for both web browsers and for complicated server backends (with Node.js). It is a great beginners language if you want to learn how to program, and can be used to perform almost any kind of program.</p>
<ul>
<li><a href="https://developer.mozilla.org/en-US/learn/javascript">Mozilla Learn JavaScript Resources</a></li>
</ul>
</div> <!-- end .content -->