links

28c44c8f · 神楽坂玲奈 · 8e8c0c01 · 28c44c8f · 28c44c8f · 28c44c8f
Commit 28c44c8f authored Jan 21, 2013 by 神楽坂玲奈
5 changed files
--- a/assets/javascripts/mycard.coffee
+++ b/assets/javascripts/mycard.coffee
@@ -5,9 +5,22 @@ $(document).ready ->
    fx:'fade'
    timeout:7200
    random:1
-
+	
+  #version
  $.get '/mycard/download.url', (data)->
    if matched = data.match(/mycard-(.*)-win32\.7z/)
      $('#download_version').html matched[1]
    else
-      $('#download_version').html '读取失败'
\ No newline at end of file
+      $('#download_version').html '读取失败'
+	  
+  #link
+  $.getJSON '/links.json', (data)->
+    for link in data
+      $('<a />', 
+        href: link.url
+      ).append($('<img />',
+        title: link.name
+        alt: link.name
+        src: link.logo
+      )).appendTo('#links')
+  
\ No newline at end of file
--- a/assets/javascripts/mycard.js
+++ b/assets/javascripts/mycard.js
@@ -7,7 +7,7 @@
      timeout: 7200,
      random: 1
    });
-    return $.get('/mycard/download.url', function(data) {
+    $.get('/mycard/download.url', function(data) {
      var matched;
      if (matched = data.match(/mycard-(.*)-win32\.7z/)) {
        return $('#download_version').html(matched[1]);
@@ -15,6 +15,21 @@
        return $('#download_version').html('读取失败');
      }
    });
+    return $.getJSON('/links.json', function(data) {
+      var link, _i, _len, _results;
+      _results = [];
+      for (_i = 0, _len = data.length; _i < _len; _i++) {
+        link = data[_i];
+        _results.push($('<a />', {
+          href: link.url
+        }).append($('<img />', {
+          title: link.name,
+          alt: link.name,
+          src: link.logo
+        })).appendTo('#links'));
+      }
+      return _results;
+    });
  });

 }).call(this);
--- a/assets/stylesheets/mycard.css
+++ b/assets/stylesheets/mycard.css
@@ -7,40 +7,40 @@
    padding: 0;
 }

-/* line 18, ../../app/assets/stylesheets/mycard.css.scss */
+
 body {
    background: #244470 url(../images/index/background.png);
    font-family: "\5FAE\8F6F\96C5\9ED1";
 }

-/* line 22, ../../app/assets/stylesheets/mycard.css.scss */
+
 a {
    text-shadow: 1px 1px 1px #0C2549;
    text-decoration: none;
 }

-/* line 26, ../../app/assets/stylesheets/mycard.css.scss */
+
 #nav a {
    transition: all .3s ease-in-out;
    text-decoration: none;
 }

-/* line 30, ../../app/assets/stylesheets/mycard.css.scss */
+
 #nav a:link {
    color: white;
 }

-/* line 33, ../../app/assets/stylesheets/mycard.css.scss */
+
 #nav a:hover {
    color: white;
 }

-/* line 36, ../../app/assets/stylesheets/mycard.css.scss */
+
 #nav a:visited {
    color: white;
 }

-/* line 40, ../../app/assets/stylesheets/mycard.css.scss */
+
 #nav {
    width: 900px;
    height: 50px;
@@ -62,7 +62,7 @@ a {
    background: linear-gradient(#3966ae, #263c7b);
 }

-/* line 54, ../../app/assets/stylesheets/mycard.css.scss */
+
 .nav_logo {
    width: 120px;
    height: 30px;
@@ -77,7 +77,7 @@ a {
    font-size: 24px;
 }

-/* line 67, ../../app/assets/stylesheets/mycard.css.scss */
+
 .nav_link {
    min-width: 60px;
    height: 30px;
@@ -91,7 +91,7 @@ a {
    text-align: center;
 }

-/* line 80, ../../app/assets/stylesheets/mycard.css.scss */
+
 #main {
    width: 99.99%;
    height: 310px;
@@ -102,7 +102,7 @@ a {
    border-color: #e1e1e1;
 }

-/* line 89, ../../app/assets/stylesheets/mycard.css.scss */
+
 #main_sub {
    width: 900px;
    margin: 0 auto;
@@ -110,25 +110,25 @@ a {
    height: 280px;
 }

-/* line 95, ../../app/assets/stylesheets/mycard.css.scss */
+
 #information {
    width: 390px;
    float: left;
 }

-/* line 99, ../../app/assets/stylesheets/mycard.css.scss */
+
 .title {
    font-size: 45px;
    font-weight: bold;
    font-family: 'Nunito',sans-serif;
 }

-/* line 104, ../../app/assets/stylesheets/mycard.css.scss */
+
 .subtitle {
    font: 30px "\5FAE\8F6F\96C5\9ED1";
 }

-/* line 107, ../../app/assets/stylesheets/mycard.css.scss */
+
 .subinc {
    font-size: 15px;
    color: #525252;
@@ -136,7 +136,7 @@ a {
    margin: 0 0 0 100px;
 }

-/* line 113, ../../app/assets/stylesheets/mycard.css.scss */
+
 #buttons{
    margin:0;
    padding:0;
@@ -146,8 +146,8 @@ a {
 #download {
    width: 200px;
    height: 60px;
-    /*border: rgba(255, 255, 255, 0.3) solid 3px;*/
-    /*border-radius: 10px;*/
+    
+    
    margin: 50px auto 0 50px;
    display: inline-block;
    color: white;
@@ -164,7 +164,7 @@ a {
 #download_url:hover{
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.8);
 }
-/* line 121, ../../app/assets/stylesheets/mycard.css.scss */
+
 .download_active {
    color: white;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.6);
@@ -187,7 +187,7 @@ a {
 #download_sublist a:hover{
    color:#072847;
 }
-/* line 129, ../../app/assets/stylesheets/mycard.css.scss */
+
 .download_information {
    color: #f1f1f1;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
@@ -196,7 +196,7 @@ a {
    text-align: center;
 }

-/* line 136, ../../app/assets/stylesheets/mycard.css.scss */
+
 #slider {
    clear: both;
    width: 500px;
@@ -211,7 +211,7 @@ a {
    *top: 0;
 }

-/* line 148, ../../app/assets/stylesheets/mycard.css.scss */
+
 .show1 {
    width: 500px;
    height: 275px;
@@ -219,7 +219,7 @@ a {
    border-radius: 10px;
 }

-/* line 155, ../../app/assets/stylesheets/mycard.css.scss */
+
 .show2 {
    width: 500px;
    height: 275px;
@@ -227,7 +227,7 @@ a {
    border-radius: 10px;
 }

-/* line 162, ../../app/assets/stylesheets/mycard.css.scss */
+
 .show3 {
    width: 500px;
    height: 275px;
@@ -235,20 +235,20 @@ a {
    border-radius: 10px;
 }

-/* line 169, ../../app/assets/stylesheets/mycard.css.scss */
+
 footer {
    width: 900px;
    margin: 0 auto;
 }

-/* line 173, ../../app/assets/stylesheets/mycard.css.scss */
+
 footer h2 {
    font: bold 15px/130% "\5FAE\8F6F\96C5\9ED1";
    color: #2e2e2e;
    text-shadow: 1px 1px 1px #dedede;
 }

-/* line 178, ../../app/assets/stylesheets/mycard.css.scss */
+
 #footer1 {
    height: 200px;
    width: 300px;
@@ -257,14 +257,14 @@ footer h2 {
    float: left;
 }

-/* line 185, ../../app/assets/stylesheets/mycard.css.scss */
+
 #footer1 a {
    font: 12px/130% "\5FAE\8F6F\96C5\9ED1";
    color: #2a2a2a;
    text-shadow: 1px 1px 1px #dedede;
 }

-/* line 190, ../../app/assets/stylesheets/mycard.css.scss */
+
 #footer2 {
    height: 200px;
    width: 300px;
@@ -273,7 +273,7 @@ footer h2 {
    float: left;
 }

-/* line 197, ../../app/assets/stylesheets/mycard.css.scss */
+
 #footer3 {
    width: 280px;
    float: left;
@@ -281,14 +281,16 @@ footer h2 {
    padding-left: 10px;
 }

-/* line 203, ../../app/assets/stylesheets/mycard.css.scss */
+
 #footer3 a {
    font: 12px/130% "\5FAE\8F6F\96C5\9ED1";
    color: #2a2a2a;
    text-shadow: 1px 1px 1px #dedede;
 }

-#footer2 img{border:0;}
-#footer2 a {margin: 5px 3px 3px 5px;}

-#menu sup {position: absolute; top: 5px;}
\ No newline at end of file
+
+#menu sup {position: absolute; top: 5px;}
+
+#links img {width: 88px; height: 31px; border:0;}
+#links a {margin: 5px 3px 3px 5px;}
\ No newline at end of file
--- a/index.html
+++ b/index.html
@@ -59,7 +59,7 @@
            </li>
            <li><a href="https://plus.google.com/communities/112748610591305626436" class="nav_link">论坛</a></li>
            <li>
-                <a href="http://www.duelist.cn/" class="nav_link">《DUELIST》<sup>9</sup></a>
+                <a href="http://www.duelist.cn/" class="nav_link">《DUELIST》<sup>10</sup></a>
                <ul>
                    <li><a href="http://www.duelist.cn/vol.1/" class="nav_sub">第一期</a></li>
                    <li><a href="http://www.duelist.cn/vol.2/" class="nav_sub">第二期</a></li>
@@ -71,6 +71,7 @@
                    <li><a href="http://www.duelist.cn/vol.7/" class="nav_sub">第七期</a></li>
                    <li><a href="http://www.duelist.cn/vol.8/" class="nav_sub">第八期</a></li>
                    <li><a href="http://www.duelist.cn/vol.9/" class="nav_sub">第⑨期</a></li>
+					<li><a href="http://www.duelist.cn/vol.10/" class="nav_sub">第10期</a></li>
                    <li>
                        <a href="http://list.qq.com/cgi-bin/qf_invite?id=b314e8a28348a8fea727ce23144f29414adbe0067f5aff29" rel="nofollow" class="nav_sub">订阅</a>
                    </li>
@@ -139,11 +140,8 @@
    </div>
    <div id="footer2">
        <h2>合作伙伴</h2>
-        <a href="http://www.touhou.cc/" rel="nofollow"><img alt="东方幻想乡" src="http://www.touhou.cc/logo.gif" width="88" height="31"/></a>
-        <a href="http://fh-sky.5d6d.com/" rel="nofollow"><img alt="游戏王-凤凰(FH)战队" src="/images/links/fh.jpg" width="88" height="31"/></a>
-        <a href="http://www.ocgsoft.cn/" rel="nofollow"><img alt="中国OCG工作室" src="http://www.ocgsoft.cn/s/themes/default/images/pic/footer_logo.jpg" width="88" height="31"/></a>
-        <a href="http://www.ygopro-ocg.com/" rel="nofollow"><img alt="游戏王YGOCORE-享受自动的轻松" src="http://www.ygopro-ocg.com/logo.gif" width="88" height="31"/></a>
-        <a href="http://www.66rpg.com/" rel="nofollow"><img alt="66RPG" src="http://bbs.66rpg.com/logo.gif" width="88" height="31"/></a>
+		<div id="links"></div>
+        
    </div>
    <div id="footer3">
        <h2>许可协议</h2>

--- a/links.json
+++ b/links.json
+[
+    {"url":"http://www.touhou.cc/", "name":"东方幻想乡", "logo":"http://www.touhou.cc/logo.gif"},
+    {"url":"http://fh-sky.5d6d.com/", "name":"游戏王-凤凰(FH)战队", "logo":"/images/links/fh.jpg"},
+    {"url":"http://www.ocgsoft.cn/", "name":"中国OCG工作室", "logo":"http://www.ocgsoft.cn/s/themes/default/images/pic/footer_logo.jpg"},
+    {"url":"http://www.ygopro-ocg.com/", "name":"游戏王YGOCORE-享受自动的轻松", "logo":"http://www.ygopro-ocg.com/logo.gif"},
+    {"url":"http://www.66rpg.com/", "name":"66RPG", "logo":"http://bbs.66rpg.com/logo.gif"},
+	{"url":"https://www.archlinux.org/", "name":"Arch Linux 中文社区", "logo":"https://www.archlinuxcn.org/wp-content/themes/askin2010/archlogo.png"}
+]
\ No newline at end of file