add tutorial: karayolo-phan-3

vhnam · Aug 24, 2018 · fadd38f · fadd38f
1 parent befaf6d
commit fadd38f
Show file tree

Hide file tree

Showing 8 changed files with 276 additions and 1 deletion.
diff --git a/sitemap.xml b/sitemap.xml
@@ -1,5 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">
+    <url>
+        <loc>https://vhnam.github.io/tutorials/karayolo-phan-3/</loc>
+        <lastmod>2018-08-24</lastmod>
+    </url>
     <url>
         <loc>https://vhnam.github.io/tutorials/karayolo-phan-2/</loc>
         <lastmod>2018-08-24</lastmod>

diff --git a/src/content/tutorials/karayolo-phan-3/config.json b/src/content/tutorials/karayolo-phan-3/config.json
@@ -0,0 +1,6 @@
+{
+    "headline": "Karayolo (Phần 3): Thực hiện",
+    "description": "Nội dung phần này chỉ là trưng bày sản phẩm",
+    "time": "Ngày 24 tháng 8 năm 2018",
+    "dateTime": "2018-08-24"
+}
diff --git a/src/content/tutorials/karayolo-phan-3/img/thumbnails.jpg b/src/content/tutorials/karayolo-phan-3/img/thumbnails.jpg
diff --git a/src/content/tutorials/karayolo-phan-3/index.html b/src/content/tutorials/karayolo-phan-3/index.html
@@ -0,0 +1,21 @@
+<p>
+    Sau khi các bạn đã coi qua quá trình phân tích của nhóm tụi mình. Hy vọng nó giúp các bạn định hình được tư duy khi thiết kế. Tuy nhiên vẫn còn một vài thiếu sót. Mình xin đính kèm sản phẩm trong bài viết này.
+</p>
+<img src="img/thumbnails.jpg" alt="Thumbnails" itemprop="image">
+
+<h3>Mockup</h3>
+<p>
+    Đây là những màn hình chính của sản phẩm. Được vẽ bằng Sketch.
+</p>
+<a data-pin-do="embedBoard" data-pin-board-width="960" data-pin-scale-height="240" data-pin-scale-width="80" href="https://www.pinterest.com/vhnam2504/karayolo/"></a>
+<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
+
+<h3 class="mt-5">Tài liệu môn học</h3>
+<iframe src="https://drive.google.com/embeddedfolderview?id=1tHJI_pAlB9oknFEd7K9_1FJqE333bTle#list" style="width:100%; border:0;"></iframe>
+
+<h3 class="mt-5">Báo cáo đồ án</h3>
+<iframe src="https://drive.google.com/embeddedfolderview?id=1YTyu6zXGUMIC98omDuknkeD6U9995Sse#list" style="width:100%; border:0;"></iframe>
+
+<h3 class="mt-5">Source code</h3>
+<div class="github-card" data-user="HCB2-NPT" data-repo="KaraYolo" data-width="100%" data-theme="medium"></div>
+<script src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>
diff --git a/src/indexes/tutorials.json b/src/indexes/tutorials.json
@@ -1,5 +1,12 @@
 {
     "tutorials": [
+        {
+            "name": "Karayolo (Phần 3): Thực hiện",
+            "link" : "https://vhnam.github.io/tutorials/karayolo-phan-3/",
+            "datetime": "2018-08-24",
+            "time": "Ngày 24 tháng 8 năm 2018",
+            "description": "Nội dung phần này chỉ là trưng bày sản phẩm."
+        },
         {
             "name": "Karayolo (Phần 2): Phân tích",
             "link" : "https://vhnam.github.io/tutorials/karayolo-phan-2/",

diff --git a/src/scripts/tutorials.py b/src/scripts/tutorials.py
@@ -77,7 +77,7 @@ def main():
     # for directory in directories:
     #     build(directory, 'tutorials')
 
-    build("karayolo-phan-2", 'tutorials')
+    build("karayolo-phan-3", 'tutorials')
 
 
 

diff --git a/tutorials/karayolo-phan-3/img/thumbnails.jpg b/tutorials/karayolo-phan-3/img/thumbnails.jpg
diff --git a/tutorials/karayolo-phan-3/index.html b/tutorials/karayolo-phan-3/index.html
@@ -0,0 +1,237 @@
+<!DOCTYPE html>
+<html lang="vi">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="robots" content="noodp,index,follow">
+    <meta name="revisit-after" content="1 days">
+    <meta name="google-site-verification" content="ZFrkEu3QMFl9Kz0JyK2SfzdIZ84lDgm9gLQ6J6FmAvg">
+    <meta name="p:domain_verify" content="faa7b25edce176988fb8171e9457554a">
+
+    <!-- Facebook Webmasters -->
+    <meta property="og:url" content="https://vhnam.github.io/tutorials/karayolo-phan-3">
+    <meta property="og:type" content="article">
+    <meta property="og:title" content="Karayolo (Phần 3): Thực hiện">
+    <meta property="og:description" content="Nội dung phần này chỉ là trưng bày sản phẩm">
+    <meta property="og:image" content="https://vhnam.github.io/tutorials/karayolo-phan-3/img/thumbnails.jpg">
+    <meta property="og:locale" content="vi_VN">
+    <meta property="fb:app_id" content="2064203853819553">
+
+    <title>Karayolo (Phần 3): Thực hiện | Nam Vo</title>
+
+    <link rel="shortcut icon" href="https://vhnam.github.io/public/favicon.ico" type="image/x-icon">
+    <link rel="canonical" href="http://vhnam.github.io/">
+    <link rel="publisher" href="https://plus.google.com/116570296349523695729">
+
+    <link rel="stylesheet" href="https://vhnam.github.io/public/css/bootstrap.css">
+    <link rel="stylesheet" href="https://vhnam.github.io/public/css/post.css">
+
+    <!--[if lt IE 9]>
+        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+</head>
+<body itemscope="itemscope" itemtype="https://schema.org/BlogPosting">
+    <nav class="navbar navbar-expand-lg navbar-light">
+        <div class="container">
+            <a class="navbar-brand" href="/" itemprop="url">
+                <img src="https://vhnam.github.io/public/img/favicon.png" alt="Nam Vo" height="48" width="48">
+            </a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNavDropdown">
+                <header class="navbar-collapse__header">
+                    <button class="navbar-toggler float-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+                        &times;
+                    </button>
+                    <div class="clear-both"></div>
+                </header>
+                <ul class="navbar-nav ml-md-auto navbar-collapse__content" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement">
+                    <li class="nav-item">
+                        <a class="nav-link" itemprop="url" href="/">Trang chủ</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" itemprop="url" href="/blog">Nhật Ký</a>
+                    </li>
+                    <li class="nav-item active">
+                        <a class="nav-link" itemprop="url" href="/tutorials">Chuyện Lập Trình</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" itemprop="url" href="/about.html">Giới Thiệu</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" itemprop="url" href="/contact.html">Liên Hệ</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <div class="row">
+                <div class="col"></div>
+                <div class="col-md-8">
+                    <h1 class="hero__title" itemprop="headline">Karayolo (Phần 3): Thực hiện</h1>
+                    <h2 class="hero__subtitle">Ngày 24 tháng 8 năm 2018</h2>
+                    <meta itemprop="author" content="Nam Vo">
+                    <meta itemprop="datePublished" content="2018-08-24">
+                    <meta itemprop="dateModified" content="2018-08-24">
+                    <meta itemprop="mainEntityOfPage" content="Nội dung phần này chỉ là trưng bày sản phẩm">
+                </div>
+                <div class="col"></div>
+            </div>
+        </div>
+        <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
+            <meta itemprop="name" content="GitHub">
+            <span hidden itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
+                <img itemprop="url" src="https://vhnam.github.io/public/img/github.png" alt="GitHub">
+                <meta itemprop="width" content="48">
+                <meta itemprop="height" content="48">
+             </span>
+        </div>
+    </section>
+
+    <section class="content">
+        <div class="container">
+            <h2 hidden>Nội dung</h2>
+            <div class="row">
+                <div class="col"></div>
+                <div class="col-md-8">
+                    <div class="content__body">
+                        <p>
+    Sau khi các bạn đã coi qua quá trình phân tích của nhóm tụi mình. Hy vọng nó giúp các bạn định hình được tư duy khi thiết kế. Tuy nhiên vẫn còn một vài thiếu sót. Mình xin đính kèm sản phẩm trong bài viết này.
+</p>
+<img src="img/thumbnails.jpg" alt="Thumbnails" itemprop="image">
+
+<h3>Mockup</h3>
+<p>
+    Đây là những màn hình chính của sản phẩm. Được vẽ bằng Sketch.
+</p>
+<a data-pin-do="embedBoard" data-pin-board-width="960" data-pin-scale-height="240" data-pin-scale-width="80" href="https://www.pinterest.com/vhnam2504/karayolo/"></a>
+<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
+
+<h3 class="mt-5">Tài liệu môn học</h3>
+<iframe src="https://drive.google.com/embeddedfolderview?id=1tHJI_pAlB9oknFEd7K9_1FJqE333bTle#list" style="width:100%; border:0;"></iframe>
+
+<h3 class="mt-5">Báo cáo đồ án</h3>
+<iframe src="https://drive.google.com/embeddedfolderview?id=1YTyu6zXGUMIC98omDuknkeD6U9995Sse#list" style="width:100%; border:0;"></iframe>
+
+<h3 class="mt-5">Source code</h3>
+<div class="github-card" data-user="HCB2-NPT" data-repo="KaraYolo" data-width="100%" data-theme="medium"></div>
+<script src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>
+
+                    </div>
+
+                    <div class="content__footer">
+                        <div class="social-plugin">
+                            <div class="like-share">
+                                <!-- Facebook -->
+                                <div class="fb-like" data-href="http://vhnam.github.io/blog/not-quite-my-tempo" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
+
+                                <div>
+                                    <!-- Twitter -->
+                                    <a href="https://twitter.com/share" class="twitter-share-button"{count} data-url="http://vhnam.github.io/blog/not-quite-my-tempo" data-via="vhnam2504">Tweet</a>
+
+                                    <!-- Google Plus -->
+                                    <div class="g-plusone" data-annotation="inline" data-width="300"></div>
+                                </div>
+                            </div>
+                            <div class="comments">
+                                <div class="fb-comments" data-href="http://vhnam.github.io/blog/not-quite-my-tempo" data-numposts="10"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col"></div>
+            </div>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6 text-left">
+                    He who loves practice without theory is like the sailor who boards [a] ship without a rudder and compass and never knows where he may cast. — Leonardo da Vinci
+                </div>
+                <div class="col-md-6 text-right">
+                    Copyright &copy; 2018 Nam Vo
+                </div>
+            </div>
+        </div>
+        <nav class="privacy-policy navbar navbar-dark bg-dark" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement">
+            <div class="container">
+                <ul class="navbar-nav ml-auto">
+                    <li class="nav-item">
+                        <a class="nav-link" itemprop="url" href="https://vhnam.github.io/privacy-policy.html">Chính sách bảo mật</a>
+                    </li>
+                </ul>
+            </div>
+        </nav>
+    </footer>
+
+    <script src="https://vhnam.github.io/public/js/bootstrap.js"></script>
+
+    <script>
+        (function(d, s, id) {
+            var js, fjs = d.getElementsByTagName(s)[0];
+            if (d.getElementById(id)) return;
+            js = d.createElement(s); js.id = id;
+            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
+            fjs.parentNode.insertBefore(js, fjs);
+        }(document, 'script', 'facebook-jssdk'));
+    </script>
+
+    <script>
+        (function() {
+            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+            po.src = 'https://apis.google.com/js/platform.js';
+            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+        })();
+    </script>
+
+    <script>
+        !function(d,s,id){
+            var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
+            if(!d.getElementById(id)){js=d.createElement(s);
+                js.id=id;js.src=p+'://platform.twitter.com/widgets.js';
+                fjs.parentNode.insertBefore(js,fjs);
+            }
+        }(document, 'script', 'twitter-wjs');
+    </script>
+
+    <!-- Facebook Analytics -->
+    <script>
+        window.fbAsyncInit = function() {
+            FB.init({
+                appId      : '2064203853819553',
+                xfbml      : true,
+                version    : 'v3.0'
+            });
+
+            FB.AppEvents.logPageView();   
+        };
+
+        (function(d, s, id){
+            var js, fjs = d.getElementsByTagName(s)[0];
+            if (d.getElementById(id)) {return;}
+            js = d.createElement(s); js.id = id;
+            js.src = "https://connect.facebook.net/en_US/sdk.js";
+            fjs.parentNode.insertBefore(js, fjs);
+        }(document, 'script', 'facebook-jssdk'));
+    </script>
+
+    <!-- Google Analytics -->
+    <script>
+        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+        ga('create', 'UA-66016963-1', 'auto');
+        ga('require', 'linkid', 'linkid.js');
+        ga('require', 'displayfeatures');
+        ga('send', 'pageview');
+    </script>
+</body>
+</html>