diff --git a/build/examples/homepage.css b/build/examples/homepage.css index 1bbb923de..fcbf9740f 100755 --- a/build/examples/homepage.css +++ b/build/examples/homepage.css @@ -2,126 +2,75 @@ Global *******************************/ -html, -body { - font-size: 15px; - height: 100%; +html { + font-size: 14px; } -body { - font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; - background: #FFFFFF; - margin: 0px; - padding: 0px; - color: #555555; - text-rendering: optimizeLegibility; - min-width: 320px; -} - -/******************************* - UI Overrides -*******************************/ - -.ui.header { - font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif; -} - -.ui.header, -h1, -h2 { - font-weight: normal !important; -} - -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 { - color: #009FDA; - text-decoration: none; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; -} - -a:hover { - color: #00BAFF; -} - -p a { - font-weight: bold; -} /******************************* Global *******************************/ -.menu .right.menu > .mobile.item { +#home .menu .right.menu > .mobile.item { display: none; } -.ui.page.grid.segment { - padding-top: 3.5rem; - padding-bottom: 3.5rem; -} +/*-------------- + Masthead +---------------*/ -.masthead.segment { +#home .masthead { background-image: url(images/bg.jpg); - background-size: cover; margin: 0em; - padding-top: 4rem; - overflow: hidden; - box-shadow: 0 -20px 10px 0 rgba(0, 0, 0, 0.1) inset !important; + padding: 5rem 0rem; } - -.masthead.segment .column { +#home .masthead .column { position: relative; } - -.masthead.segment .information { - margin: 3em 1em 1em 280px; +#home .masthead .information { + margin: 10em 1em 1em 350px; } - -.masthead.segment .information p { +#home .masthead .information p { max-width: 600px; - margin: 0em 0px 2em 0em; - font-size: 1.2em; -} - -.masthead.segment h1.ui.header .sub { - font-size: 0.7em; } - -.masthead.segment .image { +#home .masthead .image { position: absolute; left: 0%; bottom: -110px; } -.overview .divided.grid .header + p { - min-height: 100px; +/*-------------- + Ribbons +---------------*/ + +#home .vertical.segment { + padding: 6rem 0rem; } -.ui.shape .icon, -.link.list .icon { - margin: 0em; - padding: 0em; +#home .feature.segment { + padding: 2rem 0rem; +} +#home .feature.segment p { + min-height: 50px; +} + +#home .selection.list { + margin: 0em -0.5em; } -.ui.cube.shape .side { - background-color: transparent; +#home .logo.row { + height: 10rem; } +/*-------------- + Footer +---------------*/ + +#home .footer { + background-color: #000000; +} + + /******************************* Responsive *******************************/ diff --git a/build/examples/homepage.html b/build/examples/homepage.html index 43e5690ce..f6409291e 100755 --- a/build/examples/homepage.html +++ b/build/examples/homepage.html @@ -11,282 +11,305 @@ - + - + -
-
-
-
Cat University
-
-
- Menu - -
- Classes - Cocktail Hours - Community +
+
+
+
+
Cat University
+
+
+ Menu + +
+ Classes + Cocktail Hours + Community +
-
-
- Courses - -
- Petting - Feeding - Mind Reading +
+ Courses + +
+ Petting + Feeding + Mind Reading +
+ Library + Community
- Library - Community
-
- -
-
-
-
-
-
-
- - Courses +
+
+
+
+
+
+ + Courses +
+

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

+

+ + Learn + +

-

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

-

Learn

-
-
-
- - Library +
+
+ + Library +
+

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

+

+ + Research + + +

-

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

-

Research

-
-
-
- - Community +
+
+ + Community +
+

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

+

+ + Share + +

-

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

-

Share

-
-
-
-

- 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
- +
+
+
+
+

+ Cat Tips Right In Your Inbox +

-
-

More articles

-
-
- How to win in a fight with a cat -
Jan 20, 2023
-
-
- A Supposedly Fun Cat Toy I will Never Buy Again -
Jan 1, 2023
+
+
+
+

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
+
-
- Much ado about yarn -
Dec 20, 2022
+
+

More articles

+
+
+ How to win in a fight with a cat +
Jan 20, 2023
+
+
+ A Supposedly Fun Cat Toy I will Never Buy Again +
Jan 1, 2023
+
+
+ Much ado about yarn +
Dec 20, 2022
+
-
-
-
-

Get Our Amazing Newsletter Bi-Daily

-

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

-
-
- - -
Sign up
+
+
+

Get Our Amazing Newsletter Bi-Daily

+

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

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

- Many Companies Rely on Our Cat Knowledge -

-
+
+
+
+
+

+ Many Companies Rely on Our Cat Knowledge +

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

Contact Us

- - 237 Catberry Road
- Milton Keynes, London
- -

(404) 867-5309

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

(404) 867-5309

+
diff --git a/build/examples/homepage.js b/build/examples/homepage.js index 658018721..2a8163eab 100755 --- a/build/examples/homepage.js +++ b/build/examples/homepage.js @@ -48,7 +48,7 @@ $(document) ; $('.masthead .information') - .transition('scale in') + .transition('scale in', 1000) ; setInterval(changeSides, 3000); diff --git a/build/examples/images/bg.jpg b/build/examples/images/bg.jpg index 325b22d5d..f65f9f817 100755 Binary files a/build/examples/images/bg.jpg and b/build/examples/images/bg.jpg differ