From 577dbe5d767087969a302a98d300a7107bf5ad6d Mon Sep 17 00:00:00 2001 From: jlukic Date: Sun, 15 Sep 2013 02:31:56 -0400 Subject: [PATCH] Adds feed example starter --- build/less/collections/menu.less | 4 +- build/uncompressed/collections/menu.css | 4 +- node/src/documents/module.html | 6 +- node/src/files/examples/boilerplate.html | 70 ++++++++ node/src/files/examples/feed.css | 65 +++++++ node/src/files/examples/feed.html | 170 ++++++++++++++++++ node/src/files/examples/feed.js | 9 + .../files/release/less/collections/menu.less | 4 +- .../release/uncompressed/collections/menu.css | 4 +- src/collections/menu.less | 4 +- 10 files changed, 329 insertions(+), 11 deletions(-) create mode 100755 node/src/files/examples/boilerplate.html create mode 100755 node/src/files/examples/feed.css create mode 100755 node/src/files/examples/feed.html create mode 100755 node/src/files/examples/feed.js diff --git a/build/less/collections/menu.less b/build/less/collections/menu.less index f172b1542..6f05173d6 100644 --- a/build/less/collections/menu.less +++ b/build/less/collections/menu.less @@ -528,7 +528,7 @@ } .ui.vertical.menu .item:first-child:before { - background-image: none; + background-image: none !important; } /*--- Dropdown ---*/ @@ -1501,7 +1501,7 @@ .ui.menu.fluid, .ui.vertical.menu.fluid { display: block; - width: 100%; + width: 100% !important; } diff --git a/build/uncompressed/collections/menu.css b/build/uncompressed/collections/menu.css index 03e5394e1..340bcdd57 100644 --- a/build/uncompressed/collections/menu.css +++ b/build/uncompressed/collections/menu.css @@ -396,7 +396,7 @@ background-image: linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%); } .ui.vertical.menu .item:first-child:before { - background-image: none; + background-image: none !important; } /*--- Dropdown ---*/ .ui.vertical.menu .dropdown.item > i { @@ -1182,7 +1182,7 @@ .ui.menu.fluid, .ui.vertical.menu.fluid { display: block; - width: 100%; + width: 100% !important; } /*------------------- Evenly Sized diff --git a/node/src/documents/module.html b/node/src/documents/module.html index 0fa28f38b..ddd6ca0e0 100755 --- a/node/src/documents/module.html +++ b/node/src/documents/module.html @@ -35,7 +35,7 @@ type : 'Semantic' Usage - moduleName + name Name used in debug logs to differentiate this widget from other debug statements. @@ -54,6 +54,10 @@ type : 'Semantic' namespace Namespace used for DOM event and metadata namespacing. Allows module's destroy method to not affect other modules. + + metadata + An object containing any metadata attributes used. + selectors An object containing all selectors used in the module, these are usually children of the module. diff --git a/node/src/files/examples/boilerplate.html b/node/src/files/examples/boilerplate.html new file mode 100755 index 000000000..ca4f32fc7 --- /dev/null +++ b/node/src/files/examples/boilerplate.html @@ -0,0 +1,70 @@ + + + + + + + + + + Feed Example - Semantic + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + --> + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/node/src/files/examples/feed.css b/node/src/files/examples/feed.css new file mode 100755 index 000000000..d25e15960 --- /dev/null +++ b/node/src/files/examples/feed.css @@ -0,0 +1,65 @@ +html, +body { + font-size: 15px; + height: 100%; + overflow-x: hidden; +} + +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.header { + font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif; +} + +#feed .grid { + height: 100%; +} +#feed > .grid > .column { + height: 100%; +} + +#feed .left.column { + background-color: #333333; +} +#feed .left.column > .menu { + float: left; + height: 100%; +} + + +#feed .inbox { + background-color: #FFFFFF; +} +#feed .inbox .item { + padding-top: 1rem; + padding-bottom: 1rem; +} + +#feed .right.column { + padding: 1em 2em; + background-color: #FFFFFF; +} + +@media only screen and (max-width : 800px) { + #feed .left.column { + min-width: 200px; + } + #feed .inbox .date { + float: none; + margin-top: 0.5em; + } +} + +@media only screen and (max-width : 1200px) { + #feed .left.column > .menu .item { + font-size: 1rem; + } +} \ No newline at end of file diff --git a/node/src/files/examples/feed.html b/node/src/files/examples/feed.html new file mode 100755 index 000000000..eff5734be --- /dev/null +++ b/node/src/files/examples/feed.html @@ -0,0 +1,170 @@ + + + + + + + + + Feed Example - Semantic + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + New Feed + + + Favorite Feeds + + + Dogs Weekly 213 + + + Joystiq 113 + +
+ Archived Feeds +
+ + Engadget 11 + + + NY Times Tech Blog 21 + +
+
+
+
+
+
+ Unread + Saved + All +
+
+ + + Scientists discover new breed of dog +
Sep 14, 2013
+ + + + Scientists discover new breed of dog +
Sep 14, 2013
+ + + + Scientists discover new breed of dog +
Sep 14, 2013
+ + + + Scientists discover new breed of dog +
Sep 14, 2013
+ + + + Scientists discover new breed of dog +
Sep 14, 2013
+ + + + Scientists discover new breed of dog +
Sep 14, 2013
+ +
+
+ + + Your favorite saved article +
Sep 14, 2013
+ + + + Your favorite saved article +
Sep 14, 2013
+ + + + Your favorite saved article +
Sep 14, 2013
+ +
+
+ + + There turns out there is only one article under all. +
Sep 14, 2013
+ +
+
+
+

Weekly Webcomic Wrapup fought the law, and the law won

+

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.

+
+
+ + + \ No newline at end of file diff --git a/node/src/files/examples/feed.js b/node/src/files/examples/feed.js new file mode 100755 index 000000000..5cdd8f1fb --- /dev/null +++ b/node/src/files/examples/feed.js @@ -0,0 +1,9 @@ +$(document) + .ready(function() { + + $('.filter.menu .item') + .tab() + ; + + }) +; \ No newline at end of file diff --git a/node/src/files/release/less/collections/menu.less b/node/src/files/release/less/collections/menu.less index f172b1542..6f05173d6 100644 --- a/node/src/files/release/less/collections/menu.less +++ b/node/src/files/release/less/collections/menu.less @@ -528,7 +528,7 @@ } .ui.vertical.menu .item:first-child:before { - background-image: none; + background-image: none !important; } /*--- Dropdown ---*/ @@ -1501,7 +1501,7 @@ .ui.menu.fluid, .ui.vertical.menu.fluid { display: block; - width: 100%; + width: 100% !important; } diff --git a/node/src/files/release/uncompressed/collections/menu.css b/node/src/files/release/uncompressed/collections/menu.css index 03e5394e1..340bcdd57 100644 --- a/node/src/files/release/uncompressed/collections/menu.css +++ b/node/src/files/release/uncompressed/collections/menu.css @@ -396,7 +396,7 @@ background-image: linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%); } .ui.vertical.menu .item:first-child:before { - background-image: none; + background-image: none !important; } /*--- Dropdown ---*/ .ui.vertical.menu .dropdown.item > i { @@ -1182,7 +1182,7 @@ .ui.menu.fluid, .ui.vertical.menu.fluid { display: block; - width: 100%; + width: 100% !important; } /*------------------- Evenly Sized diff --git a/src/collections/menu.less b/src/collections/menu.less index f172b1542..6f05173d6 100755 --- a/src/collections/menu.less +++ b/src/collections/menu.less @@ -528,7 +528,7 @@ } .ui.vertical.menu .item:first-child:before { - background-image: none; + background-image: none !important; } /*--- Dropdown ---*/ @@ -1501,7 +1501,7 @@ .ui.menu.fluid, .ui.vertical.menu.fluid { display: block; - width: 100%; + width: 100% !important; }