Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Styling Complete #119

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
Binary file not shown.
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,3 +6,4 @@ A place for your styling creativity to grow

**NOTE:** *This repo is copyrighted material for your private use only and not to be shared outside of Viking Code School.*

Jeffrey Dederick
Binary file added fonts/.DS_Store
Binary file not shown.
Binary file added fonts/Norse-Bold.otf
Binary file not shown.
Binary file added fonts/Norse.otf
Binary file not shown.
Binary file added fonts/Odins Spear Ragged Hollow.TTF
Binary file not shown.
Binary file added fonts/Odins Spear Ragged Hollow.woff
Binary file not shown.
Binary file added fonts/Viking-Normal.otf
Binary file not shown.
Binary file added fonts/YOLDA___.TTF
Binary file not shown.
52 changes: 52 additions & 0 deletions fonts/freefont_EULA_v1-00.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
JOEL CARROUCHE FREE FONT LICENSE
Free font EULA v1.0, march 2014



By downloading / installing this font you agree to the terms of this licence :



This font is a freeware. You are free to use it for any personnal or commercial project.


You may embed it in pdf documents, web pages or flash animations.


You may not modifiy the font files.


You may not sell this font or licenses for this font.


You may not redistribute or share this font without written permission of Jo�l Carrouch�.
This mean you may not put the font on your website for download without prior consent.




COPYRIGHT

Except for the rights mentionned above, all other rights remain the property of Jo�l Carrouch�





NO WARRANTY

The font files are provided as is, without warranty of any kind. Jo�l Carrouch� is not liable for any damage resulting from the use of the font.




CONTACT

contact@joelcarrouche.net
www.joelcarrouche.net


If you use this font for something cool, drop me a line !



23 changes: 23 additions & 0 deletions fonts/license.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
BoltCutterDesign True Type Fonts/graphics
Copyright (C) 2008 BCD/MFA

This program/graphic is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version. It may not be sold/resold individualy or
in a compilation.

This notice must accompany the font/graphic upon distribution/redistribution.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.

http://www.gnu.org/copyleft/gpl.html

boltcutterdesign@yahoo.com

Binary file added fonts/odins spear.TTF
Binary file not shown.
Binary file added fonts/yggdrasil.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fonts/yggdrasil2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions fonts/yolda.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
Y'old Anglican TTF file - Copyright GemFonts 98

This font is Testware, in that you can use it free of charge
(non commercial purposes only) without getting permission.

This zipfile must be kept intact, without alterations, if being
transferred via Disk, email, internet, or any other media. It can be
made available for downloading from website.

GemFonts 98 - gem@c031.aone.net.au
GemFont002

PERMISSION TO USE IS ONLY GIVEN IF:-
A - ZIPFILE IS KEPT INTACT, NO REMOVALS OR ALTERATIONS
B - USED FOR PLEASURE, NOT FINANCIAL GAIN
C - NOT INCLUDED IN COMPILATION CD's, COMMERCIAL OR SHAREWARE.
5 changes: 2 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

<title>Viking CSS Garden</title>

<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="style.css">
</head>
<body>

Expand All @@ -27,7 +27,7 @@ <h2 class="section-title">Growing Your Garden</h2>
</article>
</section>

<section class="main-content-section">
<section class="main-content-section clearfix">
<h2 class="section-title">Norse mythology</h2>

<article class="section-content">
Expand Down Expand Up @@ -77,4 +77,3 @@ <h2 class="section-title">Other Gardens</h2>
</aside>
</body>
</html>

111 changes: 107 additions & 4 deletions style.css
Original file line number Diff line number Diff line change
@@ -1,10 +1,113 @@
/* ----------------------------------- *
* Your Styles Here
* ----------------------------------- */
@font-face {
font-family: Norse;
src: url("fonts/Norse.otf") format("opentype");
}

@font-face {
font-family: Viking-Normal;
src: url("fonts/Viking-Normal.otf") format("opentype");
}

@font-face {
font-family: "YOLDA___.TTF";
src: url("fonts/YOLDA___.TTF") format("truetype");
}

.site-title{
font-family: "Viking-Normal", Georgia, sans-serif;
text-align: center;
font-size: 50px;
}

.tagline {
font-family: "Norse";
text-align: center;
font-size: 18px;
}

.main-content-section:last-child {
height: 850px;


}

.main-content-section:first-child {
height: auto;
}

.section-content {
font-size: 20px;
font-weight: 700;
outline-color: black
color: white;
vertical-align: top;
}

.section-title {
font-family: "Viking-Normal";
text-align: center;
}

.citation {
float: right;
}

.sidebar-nav {

}

.nav-links {

}

.nav-link-list-item {

}

.nav-link {
font-family: "Norse";
font-size: 20px;
}

#main-header {

}

#main-content {


}

#sidebar {

}

li {
display: inline-block;
margin: 2.5%;
}

body {
background: red; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
background: linear-gradient(#e1e6f2, #0a3f93, #c1761b); /* Standard syntax */
}

.clearfix::before,
.clearfix::after {
content: "";
display: table;
}

.clearfix::after{
clear: both;
}

main {
font-family: "Norse";
font-size: 40px;
background-image: url("https://cdn.wallpapersafari.com/20/51/C157LE.jpg");
background-repeat: no-repeat;
background-size: cover;
}