notee 0.4.0 → 1.0.0

data/lib/tasks/stylesheets/notee/notee_default.css

@@ -0,0 +1,386 @@
+
+body {
+    background-color: #EAEAEA;
+}
+
+a {
+    color: #1EAEDB;
+    text-decoration: none;
+}
+a:hover { color: #0FA0CE; }
+
+/* Lists
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+ul { list-style: circle inside; }
+ol { list-style: decimal inside; }
+ol, ul {
+    padding-left: 0;
+    margin-top: 0; }
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+    margin: 1.5rem 0 1.5rem 3rem;
+    font-size: 90%; }
+li { margin-bottom: 1rem; }
+ul.li_none , ol.li_none { list-style: none; }
+
+/* common */
+
+/* notee utils */
+
+.notee_wrapper {
+    width: 100%;
+    max-width: 1080px;
+    margin: 0 auto;
+}
+
+/*  notee header  */
+
+.notee_header {
+    width: 100%;
+    height: 300px;
+    float: left;
+    margin-top: 0;
+    background-color: #2E2F30;
+    border-bottom: 3px solid #F7F7F7;
+}
+
+.notee_header h1{
+    text-align: left;
+    font-size: 20px;
+    margin-top: 80px;
+}
+
+.notee_header h1 a{
+    color: #F7F7F7;
+}
+
+.notee_header_desc{
+    font-size: 12px;
+    color: #F7F7F7;
+    margin-top: -10px;
+}
+
+.notee_header_meta {
+    width: 90%;
+    margin-left: 20px;
+    float: left;
+}
+
+.notee_header_nav li{
+    min-width: 150px;
+    text-align: center;
+    float: right;
+    list-style: none;
+    font-size: 12px;
+}
+
+.notee_header_nav ul a{
+    color: #F7F7F7;
+}
+
+/*  notee_lists  */
+
+.notee_list {
+    width: 95%;
+    height: auto;
+    padding: 2.5%;
+    float: left;
+    border: 2px solid #F7F7F7;
+    background-color: #fff;
+    margin-bottom: 20px;
+    word-wrap: break-word;
+}
+
+.notee_list_meta {
+    width: 100%;
+    font-size: 12px;
+    margin-top: 10px;
+    color: #333333;
+}
+
+.notee_list_meta_content {
+    width: auto;
+    padding: 5px;
+    text-align: center;
+}
+
+.notee_list_category {
+    background-color: #337C99;
+}
+
+.notee_list_category a{
+    color: #fff;
+}
+
+.notee_list_a_tag {
+    width: 100%;
+    float: left;
+}
+
+.notee_list h3{
+    font-size: 20px;
+    margin: 0;
+}
+
+.notee_list_content {
+    width: 100%;
+    float: left;
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.notee_list_content img{
+    width: 30%;
+    float: left;
+}
+
+.notee_list_content_p{
+    width: 65%;
+    float: left;
+    margin-left: 5%;
+    word-wrap: break-word;
+}
+
+.notee_list_content_p a{
+    color: #333333;
+}
+
+
+/*  notee_main_content  */
+
+.notee_main_content {
+    width: 95%;
+    height: auto;
+    padding: 2.5%;
+    float: left;
+    border: 2px solid #F7F7F7;
+    background-color: #fff;
+    margin-bottom: 20px;
+    word-wrap: break-word;
+}
+
+.notee_main_content img{
+    width: 95%;
+    height: auto;
+    padding: 2.5%;
+    padding-left: 0;
+}
+
+.notee_main_content h2{
+    width: 95%;
+    height: auto;
+    margin-top: 50px;
+    margin-bottom: 30px;
+    padding: 1%;
+    padding-left: 0;
+    border-bottom: 1px solid #dcdcdc;
+}
+
+.notee_main_content h3{
+    margin-top: 50px;
+}
+
+.notee_main_content ul {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.notee_main_content li{
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+
+/*  notee_sidebar   */
+
+.notee_sidebar_content {
+    width: 95%;
+    height: auto;
+    padding: 2.5%;
+    float: left;
+    border: 2px solid #F7F7F7;
+    background-color: #fff;
+    margin-bottom: 20px;
+    word-wrap: break-word;
+}
+
+.notee_sidebar_ul {
+    list-style: none;
+    font-size: 12px;
+    margin: 0;
+    margin-left: 7px;
+}
+
+.notee_sidebar_ul li {
+    height: 15px;
+    line-height: 15px;
+    margin: 0;
+    margin-top: 7px;
+    margin-bottom: 7px;
+}
+
+/* notee_footer */
+
+.notee_footer {
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    float: left;
+    background-color: #2E2F30;
+    border-top: 3px solid #F7F7F7;
+    text-align: center;
+    color: #F7F7F7;
+    font-size: 12px;
+}
+
+.notee_footer p{
+    margin: 0;
+}
+
+
+/*  notee_comment_box */
+
+.notee_comment_box {
+    width: 100%;
+    margin: 30px auto;
+    float: left;
+}
+
+.notee_comments {
+    width: 94%;
+    padding: 3%;
+    margin_bottom: 20px;
+    float: left;
+}
+
+.notee_comment {
+    width: 98%;
+    padding: 1%;
+    margin_bottom: 10px;
+    border-bottom: 1px solid #dcdcdc;
+    float: left;
+}
+.notee_comment_form {
+    width: 60%;
+    padding: 4%;
+    margin_bottom: 20px;
+    float: left;
+}
+
+.notee_label {
+    width: 60%;
+    margin-bottom: 15px;
+    float: left;
+}
+
+.notee_text_field {
+    width: 60%;
+    height: 26px;
+    min-width: 300px;
+    margin-bottom: 15px;
+    float: left;
+    font-size: 14px;
+}
+
+.notee_text_area {
+    width: 100%;
+    height: 78px;
+    margin-bottom: 15px;
+    float: left;
+    font-size: 14px;
+}
+
+.notee_submit {
+    width: 100%;
+    margin-bottom: 15px;
+    float: left;
+    font-size: 30px;
+}
+
+/* pc */
+
+@media all and (min-width: 680px) {
+
+    .notee_sp {
+        display: none !important;
+    }
+
+    .notee_main {
+        width: 65%;
+        height: auto;
+        float: left;
+        margin: 2.5%;
+        margin-top: 20px;
+    }
+
+    .notee_header_nav {
+        width: 100%;
+        height: 80px;
+        line-height: 80px;
+        float: left;
+        margin-top: 30px;
+        border-right: 1px solid #F7F7F7;
+        border-top: 1px solid #F7F7F7;
+    }
+
+    .notee_sidebar {
+        width: 30%;
+        height: auto;
+        float: left;
+        margin-top: 30px;
+    }
+
+}
+
+/* tablet & sp */
+
+
+@media all and (max-width: 679px) {
+
+    .notee_pc {
+        display: none !important;
+    }
+
+    .notee_main {
+        width: 94%;
+        height: auto;
+        float: left;
+        margin: 3%;
+        margin-top: 20px;
+    }
+
+    .notee_main_content p{
+        width:93%;
+        margin: 3%;
+    }
+
+    .notee_header_nav {
+        width: 100%;
+        float: left;
+        margin-top: 30px;
+        border-top: 1px solid #F7F7F7;
+    }
+
+    .notee_header_nav li{
+        width: 50%;
+        height: 63px;
+        line-height: 63px;
+        float: left;
+        margin: 0;
+    }
+
+    /*  notee_sidebar   */
+
+    .notee_sidebar {
+        width: 95%;
+        height: auto;
+        float: left;
+        margin: 2.5%;
+        margin-top: 20px;
+    }
+
+
+}

data/lib/tasks/views/notee/about.html.erb

@@ -0,0 +1,43 @@
+<%= render :partial => "notee/partials/header.html.erb" %>
+<div class="notee_wrapper">
+  <div class="notee_main">
+    <div class="notee_main_content">
+      <h1>Hello World</h1>
+      <p>
+        Lorem ipsum dolor sit amet,
+        consectetuer adipiscing elit.
+        Aenean commodo ligula eget dolor.
+        Aenean massa.
+        Cum sociis natoque penatibus et magnis dis parturient montes,
+        nascetur ridiculus mus.
+        Donec quam felis, ultricies nec, pellentesque eu,
+        pretium quis, sem. Nulla consequat massa quis enim.
+        Donec pede justo, fringilla vel, aliquet nec,
+        vulputate eget, arcu. In enim justo, rhoncus ut,
+        imperdiet a, venenatis vitae, justo.
+        Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
+        Cras dapibus. Vivamus elementum semper nisi.
+        Aenean vulputate eleifend tellus.
+        Aenean leo ligula, porttitor eu,
+        consequat vitae, eleifend ac, enim.
+        Aliquam lorem ante,
+        dapibus in, viverra quis, feugiat a, tellus.
+        Phasellus viverra nulla ut metus varius laoreet.
+        Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.
+        Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
+        Maecenas tempus, tellus eget condimentum rhoncus,
+        sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
+        Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
+        Maecenas nec odio et ante tincidunt tempus.
+        Donec vitae sapien ut libero venenatis faucibus.
+        Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
+        Duis leo. Sed fringilla mauris sit amet nibh.
+        Donec sodales sagittis magna. Sed consequat,
+        leo eget bibendum sodales,
+        augue velit cursus nunc.
+      </p>
+    </div>
+  </div>
+  <%= render :partial => "notee/partials/sidebar.html.erb" %>
+</div>
+<%= render :partial => "notee/partials/footer.html.erb" %>

data/lib/tasks/views/notee/archives.html.erb

@@ -0,0 +1,16 @@
+<%= render :partial => "notee/partials/header.html.erb" %>
+<div class="notee_wrapper">
+  <div class="notee_main">
+    <h2>Archive List</h2>
+    <% @archives.each do |archive| %>
+        <% slash_time = archive.time.gsub("-","/") %>
+        <div class="notee_list">
+          <a href="/archives/<%= slash_time %>">
+            <h3><%= slash_time %> (<%= archive.count %>)</h3>
+          </a>
+        </div>
+    <% end %>
+  </div>
+  <%= render :partial => "notee/partials/sidebar.html.erb" %>
+</div>
+<%= render :partial => "notee/partials/footer.html.erb" %>

data/lib/tasks/views/notee/categories.html.erb

@@ -0,0 +1,15 @@
+<%= render :partial => "notee/partials/header.html.erb" %>
+<div class="notee_wrapper">
+  <div class="notee_main">
+    <h2>Category List</h2>
+    <% @categories.each do |category| %>
+        <div class="notee_list">
+          <a href="/categories/<%= category.category.name %>">
+            <h3><%= category.category.name %> (<%= category.count %>)</h3>
+          </a>
+        </div>
+    <% end %>
+  </div>
+  <%= render :partial => "notee/partials/sidebar.html.erb" %>
+</div>
+<%= render :partial => "notee/partials/footer.html.erb" %>