Permalink
Browse files

add other three pages.

  • Loading branch information...
1 parent 03224eb commit 9569213f8b551c5402f16a8923bcb33c128ec857 Mao Li committed Oct 5, 2013
Showing with 469 additions and 0 deletions.
  1. +139 −0 archive.html
  2. +13 −0 blog.css
  3. +177 −0 categories.html
  4. +140 −0 tags.html
View
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<head>
+ <!-- Standard Meta -->
+ <meta charset="utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+ <!-- Site Properities -->
+ <title>Feed Example - Semantic</title>
+
+ <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Open+Sans:300italic,400,300,700' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" type="text/css" href="./packaged/css/semantic.css">
+ <link rel="stylesheet" type="text/css" href="./blog.css">
+
+
+ <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.js"></script>
+ <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.address/1.6/jquery.address.js"></script>
+
+ <script src="./packaged/javascript/semantic.js"></script>
+
+</head>
+
+<body class="blog">
+
+<div class="ui black icon button attached launch transparent" style="margin-left:10px">
+ <i class="icon browser circular"></i>
+</div>
+
+<div class="ui black vertical demo sidebar menu inverted">
+ <a class="item">
+ <h1 class="ui header"><i class="home icon"></i>Title</h1>
+ </a>
+ <a class="item avatar">
+ <img class="circular ui image" src="http://www.gravatar.com/avatar/ce363e98269b81821dd3700b330b4132.png">Stcatz</img>
+ </a>
+ <a class="active item">
+ <i class="archive icon"></i>
+ Archive
+ </a>
+ <a class="item">
+ <i class="list layout icon"></i>
+ Categories
+ </a>
+ <a class="item">
+ <i class="facebook icon tags"></i>
+ Tags
+ </a>
+ <div class="item">
+ <b>More</b>
+ <div class="menu">
+ <a class="item">About</a>
+ <a class="item">Contact Me</a>
+ </div>
+ </div>
+</div>
+
+
+<div class="main container"><div class="ui piled feed segment">
+ <h2 class="ui header">
+ 2013-12-15
+ </h2>
+ <div class="event">
+ <div class="label">
+ <img src="http://www.gravatar.com/avatar/ce363e98269b81821dd3700b330b4132.png">
+ </div>
+ <div class="content">
+ <div class="date">
+ Just moments ago
+ </div>
+ <div class="summary">
+ <a>Sally Poodle</a> added you as a friend
+ </div>
+ </div>
+ </div>
+ <div class="event">
+ <div class="label">
+ <i class="circular pencil icon"></i>
+ </div>
+ <div class="content">
+ <div class="date">
+ 3 days ago
+ </div>
+ <div class="summary">
+ You submitted a new post to the page
+ </div>
+ <div class="extra text">
+ I am a dog and I do not know how to make a post
+ </div>
+ </div>
+ </div>
+ <h2 class="ui header">
+ 2013-12-15
+ </h2>
+ <div class="event">
+ <div class="label">
+ <img src="http://www.gravatar.com/avatar/ce363e98269b81821dd3700b330b4132.png">
+ </div>
+ <div class="content">
+ <div class="date">
+ Just moments ago
+ </div>
+ <div class="summary">
+ <a>Sally Poodle</a> added you as a friend
+ </div>
+ </div>
+ </div>
+ <div class="event">
+ <div class="label">
+ <i class="circular pencil icon"></i>
+ </div>
+ <div class="content">
+ <div class="date">
+ 3 days ago
+ </div>
+ <div class="summary">
+ You submitted a new post to the page
+ </div>
+ <div class="extra text">
+ I am a dog and I do not know how to make a post
+ </div>
+ </div>
+ </div>
+
+ </div>
+</div>
+
+
+<div class="ui horizontal divider">
+ <i class="circular heart icon"></i>
+</div>
+
+<div class="ui horizontal divided footer link list" style="display:block">
+ <div class="item">Proudly powered by
+ <a href="https://github.com/jlukic/Semantic-UI">Github</a> &
+ <a href="http://www.quirky.com">Quirky.com</a></div>
+ <div class="item">Stcatz 2013</div>
+</div>
+</body>
View
@@ -1,3 +1,7 @@
+body {
+ background-color: #eee;
+}
+
.blog .attached {
display: inline-block;
position: fixed;
@@ -36,6 +40,15 @@ h1 span {
float: right;
}
+.blog .items .item {
+ width: 290px;
+ height: 300px;
+}
+
+.blog .items .name {
+ font-size: 25px;
+}
+
a.avatar {
text-align: center;
}
View
@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<head>
+ <!-- Standard Meta -->
+ <meta charset="utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+ <!-- Site Properities -->
+ <title>Feed Example - Semantic</title>
+
+ <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Open+Sans:300italic,400,300,700' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" type="text/css" href="./packaged/css/semantic.css">
+ <link rel="stylesheet" type="text/css" href="./blog.css">
+
+
+ <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.js"></script>
+ <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.address/1.6/jquery.address.js"></script>
+
+ <script src="./packaged/javascript/semantic.js"></script>
+
+</head>
+
+<body class="blog">
+
+<div class="ui black icon button attached launch transparent" style="margin-left:10px">
+ <i class="icon browser circular"></i>
+</div>
+
+<div class="ui black vertical demo sidebar menu inverted">
+ <a class="item">
+ <h1 class="ui header"><i class="home icon"></i>Title</h1>
+ </a>
+ <a class="item avatar">
+ <img class="circular ui image" src="http://www.gravatar.com/avatar/ce363e98269b81821dd3700b330b4132.png">Stcatz</img>
+ </a>
+ <a class="active item">
+ <i class="archive icon"></i>
+ Archive
+ </a>
+ <a class="item">
+ <i class="list layout icon"></i>
+ Categories
+ </a>
+ <a class="item">
+ <i class="facebook icon tags"></i>
+ Tags
+ </a>
+ <div class="item">
+ <b>More</b>
+ <div class="menu">
+ <a class="item">About</a>
+ <a class="item">Contact Me</a>
+ </div>
+ </div>
+</div>
+
+
+<div class="main container">
+ <div class="ui secondary pointing menu">
+ <a class="active item">
+ <i class="home icon"></i> Tech
+ </a>
+ <a class="item">
+ <i class="mail icon"></i> Fun
+ </a>
+ <a class="item">
+ <i class="user icon"></i> Thinking
+ </a>
+ </div>
+
+<div class="ui items">
+ <div class="item">
+ <div class="name">Cute Dog</div>
+ <p class="description">This dog has some things going for it. Its pretty cute and looks like it'd be fun to cuddle up with.</p>
+ <div class="extra">
+ 199 votes
+ </div>
+ </div>
+
+ <div class="item">
+ <div class="name">Cute Dog</div>
+ <p class="description">This dog has some things going for it. Its pretty cute and looks like it'd be fun to cuddle up with.</p>
+ <div class="extra">
+ 199 votes
+ </div>
+ </div>
+ <div class="item">
+ <div class="meta">5 days ago</div>
+ <div class="name">Faithful Dog</div>
+ <p class="description">Sometimes its more important to have a dog you know you can trust. But not every dog is trustworthy, you can tell by looking at its smile.</p>
+ <div class="extra">
+ 311 votes
+ </div>
+ </div>
+ <div class="item">
+ <div class="name">Silly Dog</div>
+ <p class="description">Silly dogs can be quite fun to have as companions. You never know what kind of ridiculous thing they will do.</p>
+ <div class="extra">
+ 522 votes
+ </div>
+ </div>
+ <div class="item">
+ <div class="name">Cute Dog</div>
+ <p class="description">This dog has some things going for it. Its pretty cute and looks like it'd be fun to cuddle up with.</p>
+ <div class="extra">
+ 199 votes
+ </div>
+ </div>
+
+ <div class="item">
+ <div class="name">Cute Dog</div>
+ <p class="description">This dog has some things going for it. Its pretty cute and looks like it'd be fun to cuddle up with.</p>
+ <div class="extra">
+ 199 votes
+ </div>
+ </div>
+ <div class="item">
+ <div class="meta">5 days ago</div>
+ <div class="name">Faithful Dog</div>
+ <p class="description">Sometimes its more important to have a dog you know you can trust. But not every dog is trustworthy, you can tell by looking at its smile.</p>
+ <div class="extra">
+ 311 votes
+ </div>
+ </div>
+ <div class="item">
+ <div class="name">Silly Dog</div>
+ <p class="description">Silly dogs can be quite fun to have as companions. You never know what kind of ridiculous thing they will do.</p>
+ <div class="extra">
+ 522 votes
+ </div>
+ </div>
+ <div class="item">
+ <div class="name">Cute Dog</div>
+ <p class="description">This dog has some things going for it. Its pretty cute and looks like it'd be fun to cuddle up with.</p>
+ <div class="extra">
+ 199 votes
+ </div>
+ </div>
+
+ <div class="item">
+ <div class="name">Cute Dog</div>
+ <p class="description">This dog has some things going for it. Its pretty cute and looks like it'd be fun to cuddle up with.</p>
+ <div class="extra">
+ 199 votes
+ </div>
+ </div>
+ <div class="item">
+ <div class="meta">5 days ago</div>
+ <div class="name">Faithful Dog</div>
+ <p class="description">Sometimes its more important to have a dog you know you can trust. But not every dog is trustworthy, you can tell by looking at its smile.</p>
+ <div class="extra">
+ 311 votes
+ </div>
+ </div>
+ <div class="item">
+ <div class="name">Silly Dog</div>
+ <p class="description">Silly dogs can be quite fun to have as companions. You never know what kind of ridiculous thing they will do.</p>
+ <div class="extra">
+ 522 votes
+ </div>
+ </div>
+</div>
+</div>
+
+
+<div class="ui horizontal divider">
+ <i class="circular heart icon"></i>
+</div>
+
+<div class="ui horizontal divided footer link list" style="display:block">
+ <div class="item">Proudly powered by
+ <a href="https://github.com/jlukic/Semantic-UI">Github</a> &
+ <a href="http://www.quirky.com">Quirky.com</a></div>
+ <div class="item">Stcatz 2013</div>
+</div>
+</body>
Oops, something went wrong.

0 comments on commit 9569213

Please sign in to comment.