diff --git a/build/examples/feed.css b/build/examples/feed.css index 3e7417aea..e83e19124 100755 --- a/build/examples/feed.css +++ b/build/examples/feed.css @@ -76,9 +76,13 @@ body { padding: 1em 2em; } +#feed .middle.column h2 { + margin-top: 0em; +} + #feed .right.column { padding: 1em 2em; - background-color: #FFFFFF; + background-color: #FAFAFA; } /******************************* diff --git a/build/examples/feed.html b/build/examples/feed.html index 98b12c4bc..0ce7f6c9e 100755 --- a/build/examples/feed.html +++ b/build/examples/feed.html @@ -51,11 +51,11 @@
+
+ Menu +

-
- Menu -
Inbox

@@ -135,7 +135,7 @@

Weekly Webcomic Wrapup fought the law, and the law won

- Tags: Unread Comics + Tags: Unread Comics

So there's this video game coming out Tuesday called Grand Theft Auto 5. Don't know if you've heard of it. Anyways, it's all about crime and gangs and some roughneck ne'er-do-wells, so I thought this would be the perfect time to talk about times when we've been... well, less than perfect.

When I was a young'un, I was a frequent visitor to the local swimming pool. I was also a frequent lover of AirHeads candy, which the pool happened to sell. Waiting, watching, stalking the counter like a big cat in the savannah, I waited for the perfect opportunity to strike. While the lifeguards were busy, I snuck through the gate, reached up and took both cherry and "mystery white" AirHeads. I quickly ran out to the sidewalk and reveled in my sweet, delicious victory... for all of ten seconds, before I felt guilty enough to sneak back in and return the .20 worth of candy I had stolen.

While you confess your crimes - hopefully minor, and nothing you can be persecuted for - take a moment to enjoy this week's webcomics, and vote for your favorite after the jump.

diff --git a/build/examples/homepage.css b/build/examples/homepage.css index 6f881bd4d..34b5a6e14 100755 --- a/build/examples/homepage.css +++ b/build/examples/homepage.css @@ -18,35 +18,44 @@ body { min-width: 320px; } +/******************************* + UI Overrides +*******************************/ + .ui.header { font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ui.header, -.header, h1, -h2, -h3, -h4, -h5 { +h2 { font-weight: normal !important; } -h1.ui.header, { - font-size: 2.5em; +h1.ui.header { + font-size: 3em; +} + +h4.ui.header, +h5.ui.header, +.ui.icon.header { + font-weight: bold !important; +} + +.ui.button { font-weight: normal; + text-decoration: none; } a { - opacity: 0.8; color: #009FDA; text-decoration: none; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; } a:hover { - opacity: 1; + color: #00BAFF; } p a { @@ -57,15 +66,24 @@ p a { Global *******************************/ +.menu .right.menu > .mobile.item { + display: none; +} + .ui.page.grid.segment { padding-top: 3.5rem; padding-bottom: 3.5rem; } .masthead.segment { + background-image: url(images/bg.jpg); + -webkit-background-size: cover; + background-size: cover; margin: 0em; padding-top: 4rem; overflow: hidden; + -webkit-box-shadow: 0 -20px 10px 0 rgba(0, 0, 0, 0.1) inset !important; + box-shadow: 0 -20px 10px 0 rgba(0, 0, 0, 0.1) inset !important; } .masthead.segment .column { @@ -73,12 +91,12 @@ p a { } .masthead.segment .information { - margin: 3em 1em; + margin: 3em 1em 1em 280px; } .masthead.segment .information p { max-width: 600px; - margin: 2em 290px 2em 0em; + margin: 0em 0px 2em 0em; font-size: 1.2em; } @@ -88,7 +106,7 @@ p a { .masthead.segment .image { position: absolute; - right: 0%; + left: 0%; bottom: -110px; } @@ -96,6 +114,16 @@ p a { min-height: 100px; } +.ui.shape .icon, +.link.list .icon { + margin: 0em; + padding: 0em; +} + +.ui.cube.shape .side { + background-color: transparent; +} + /******************************* Responsive *******************************/ @@ -103,34 +131,60 @@ p a { /* Mobile Only */ @media only screen and (max-width : 768px) { + .ui.page.grid.segment { + padding-top: 2rem; + padding-bottom: 2rem; + } + + .menu .right.menu > .item { + display: none; + } + + .menu .right.menu > .mobile.item { + display: block; + } + + h1.ui.header { + font-size: 1.5em; + } + + .masthead.segment { + -webkit-background-size: auto; + background-size: auto; + } + .masthead.segment .information { - margin-right: 190px; + margin-left: 190px; } + .masthead.segment .image { - bottom: -10px; + bottom: -65px; width: 150px; } + .masthead.segment .button { font-size: 1rem; } - .overview > .column:first-child { - width: 100% !important; - } - .overview > .column:last-child { - display: none; - } + .overview .divided.grid .header .icon { - font-size: 1em; + font-size: 1.5em; } + .overview .divided.grid .header + p { min-height: 0px; } + .masthead.segment .column { font-size: 0.7rem; } + .masthead.segment .column p { display: none; } + + .selection.list .right.floated { + display: none; + } } @media only screen and (max-width : 1000px) { diff --git a/build/examples/homepage.html b/build/examples/homepage.html index 8f1f1bb95..a397134fb 100755 --- a/build/examples/homepage.html +++ b/build/examples/homepage.html @@ -19,105 +19,273 @@ -
-
The Cat Foundation
-
- Courses - Library - BBS -
-
-
+
+
+
Cat University
+
+
+ Menu + +
+ Classes + Cocktail Hours + BBS +
+
+
+ Courses + +
+ Petting + Feeding + Mind Reading +
+
+ Library + BBS +
+
-
+
+
- + Courses
-

Get you and your team up and running with our online training courses. We think they’re pretty awesome.

-

Archive

+

Take your kitty to a cat-ducation course and learn how to treat her well.

+

Classes

- + Library

Dig through our cat library to found out amazing things you can do with your kitty. -

Cat library

+

Library

- + Community

Get feedback on your cat from a community of loving pet owners on our online bulletin board system.

-

BBS

+

BBS

-
-

Things Cats Like

-
-
+
+ +
+
+
+

+ Cat Tips Right In Your Inbox +

+
+
+
+
+

How to Win Your Cats Attention

+

Getting your cat to notice you is a large part of being a pet owner. Although I have a lot of patience for writing things about cats, perhaps this might be enough body copy to make this section of text look filled out.

+

This and other tips can be found in our newsletter, amazing right?

+
+
Read More
+ +
+
+

More articles

+
-
Yarn
-
This one is a bit self explanatory, you've seen cartoons right?
+ How to win in a fight with a cat +
Jan 20, 2023
-
Other Cats
-
Cats are social creatures, right? I'm pretty sure. At least I think i saw cats play together once before.
+ A Supposedly Fun Cat Toy I will Never Buy Again +
Jan 1, 2023
-
Cat Food
-
A cats got to eat. Some cats eat more than others. Everybody loves a good fat cat.
+ Much ado about yarn +
Dec 20, 2022
+
+
+

Get Our Amazing Newsletter Bi-Daily

+

Sign up and get spammed with cats everyday. We have no unsubscribe button!

+
+
+ + +
Sign up
+
+
+
+
+
-
+ +

- Cat Tips Right In Your Inbox + Many Companies Rely on Our Cat Knowledge

+
-
-
-

How to Win Your Cats Attention

-

Getting your cat to notice you is a large part of being a pet owner. Although I have a lot of patience for writing things about cats, perhaps this might be enough body copy to make this section of text look filled out.

-

This and other tips can be found in our newsletter, amazing right?

-
Read More
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
-
-
-

Sign up for Our Newsletter

-
-
-
- - +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
-
Sign up
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
Courses
+
+ Registration + Course Calendar + Professors +
+
+
+
Library
+
+ A-Z + Most Popular + Recently Changed +
+
+
+
Community
+
+ BBS + Careers + Privacy Policy +
+
+
+
+
+

Contact Us

+ + 237 Catberry Road
+ Milton Keynes, London
+ +

(404) 867-5309

diff --git a/build/examples/homepage.js b/build/examples/homepage.js index 51c268505..658018721 100755 --- a/build/examples/homepage.js +++ b/build/examples/homepage.js @@ -1,9 +1,57 @@ $(document) .ready(function() { + var + changeSides = function() { + $('.ui.shape') + .eq(0) + .shape('flip over') + .end() + .eq(1) + .shape('flip over') + .end() + .eq(2) + .shape('flip back') + .end() + .eq(3) + .shape('flip back') + .end() + ; + }, + validationRules = { + firstName: { + identifier : 'email', + rules: [ + { + type : 'empty', + prompt : 'Please enter an e-mail' + }, + { + type : 'email', + prompt : 'Please enter a valid e-mail' + } + ] + } + } + ; + $('.ui.dropdown') - .dropdown() + .dropdown({ + on: 'hover' + }) + ; + + $('.ui.form') + .form(validationRules, { + on: 'blur' + }) ; + $('.masthead .information') + .transition('scale in') + ; + + setInterval(changeSides, 3000); + }) ; \ No newline at end of file diff --git a/build/examples/images/bg.jpg b/build/examples/images/bg.jpg new file mode 100755 index 000000000..325b22d5d Binary files /dev/null and b/build/examples/images/bg.jpg differ diff --git a/build/examples/images/logo.png b/build/examples/images/logo.png new file mode 100755 index 000000000..b97cc02fa Binary files /dev/null and b/build/examples/images/logo.png differ diff --git a/build/examples/images/sds.jpg b/build/examples/images/sds.jpg new file mode 100755 index 000000000..265e2acd2 Binary files /dev/null and b/build/examples/images/sds.jpg differ