Project

35a5215d · rattanaporn saysee · c7a12d71 · 35a5215d · 35a5215d · 35a5215d
Commit 35a5215d authored 7 years ago by rattanaporn saysee
236 changed files
--- a/week05/windowapp/topic/0.jpg
+++ b/week05/windowapp/topic/0.jpg
--- a/week05/windowapp/topic/1.jpg
+++ b/week05/windowapp/topic/1.jpg
--- a/week05/windowapp/topic/ABOUTME.html
+++ b/week05/windowapp/topic/ABOUTME.html
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>เกี่ยวกับเรา</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
+  <link rel="stylesheet" href="https://v40.pingendo.com/assets/4.0.0/default/theme.css" type="text/css"> </head>
+
+<body>
+  <nav class="navbar navbar-expand-md navbar-dark bg-gradient">
+    <div class="container">
+      <a class="navbar-brand" href="home.html"><b><h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ชีวิตติดเส้น</h2></b></a>
+      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false"
+        aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
+      <div class="collapse navbar-collapse text-center justify-content-end" id="navbar2SupportedContent">
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link" href="หน้าแรก.html">หน้าหลัก</a>
+          </li>
+        </ul>
+        <a class="btn navbar-btn ml-2 text-white btn-secondary" href="ABOUTME.html"><i class="fa d-inline fa-lg fa-user-circle-o"></i> เกี่ยวกับเรา</a>
+      </div>
+    </div>
+  </nav>
+  <div class="p-1 bg-primary filter-dark">
+    <div class="container">
+      <div class="row bg-primary">
+        <div class="col-md-5  text-center align-self-center offset-md-7 py-2">
+          <a href="https://www.facebook.com/rattanaporn.saysee" target="_blank"><i class="fa fa-facebook-square text-muted fa-3x m-2"></i></a>
+          <a href="https://twitter.com/" target="_blank"><i class="fa fa-3x fa-twitter m-2 text-muted"></i></a>
+          <a href="https://www.instagram.com/pom3986" target="_blank"><i class="fa fa-3x fa-instagram text-muted m-2"></i></a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="py-5 bg-primary filter-dark">
+    <div class="container">
+      <div class="row">
+        <div class="align-self-center text-md-right text-center col-md-4">
+          <h3 class="text-primary">ชื่อ - นามสกุล</h3>
+          <p class="mb-5">นางสาว รัตนาภรณ์ &nbsp; สายสี &nbsp;
+            <br>ชื่อเล่น ป้อม
+            <br>&nbsp; &nbsp;</p>
+          <h3 class="text-primary">ที่อยู่&nbsp;</h3>
+          <p class="mb-5">125 หมู่ที่ 6 บ้านแขมใต้ &nbsp;ตำบลบ้านแขม &nbsp;&nbsp;
+            <br>อำเภอพิบูลมังสาหาร &nbsp;จังหวัดอุบลราชธานี 34110
+            <br>&nbsp;</p>
+          <h3 class="text-primary">ติดต่อเรา</h3>
+          <p class="">E-mail : rattanaporn.sa.58@ubu.ac.th
+            <br> </p>
+          <div class="col-4"> </div>
+        </div>
+        <div class="my-3 col-md-4">
+          <img class="img-fluid d-block ml-1 mx-auto" src="p3.jpg"> </div>
+        <div class="align-self-center text-md-left text-center col-md-4">
+          <h3 class="text-primary">การศึกษา&nbsp;</h3>
+          <p class="mb-5">ปัจจุบันกำลังศึกษาในระดับปริญญาตรี&nbsp;
+            <br>มหาวิทยาลัยอุบลราชธานี&nbsp;
+            <br>คณะวิทยาศาสตร์ &nbsp;สาขาวิทยาการคอมพิวเตอร์&nbsp;</p>
+          <h3 class="text-primary">วันเดือนปีเกิด</h3>
+          <p class="mb-5">12 &nbsp;กุมภาพันธ์ &nbsp;2540</p>
+          <h3 class="text-primary">เหตุผลที่ทำเว็บนี้</h3>
+          <p>เพราะอยากให้ทุกคนรู้ว่าบะหมี่กึ่งสำเร็จรูปที่บริษัทไทยเป็นผู้ผลิตมีกี่ยี่ห้อ มีกี่รสชาติ บางยี่ห้อเราอาจจะไม่รู้ และบางรสชาติเราอาจจะยังไม่กินมาก่อน&nbsp;</p>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+  <pingendo onclick="window.open('https://pingendo.com/', '_blank')" style="cursor:pointer;position: fixed;bottom: 10px;right:10px;padding:4px;background-color: #00b0eb;border-radius: 8px; width:180px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:14px;color:white">Made with Pingendo&nbsp;&nbsp;
+    <img src="https://pingendo.com/site-assets/Pingendo_logo_big.png" class="d-block" alt="Pingendo logo" height="16">
+  </pingendo>
+</body>
+
+</html>
\ No newline at end of file
--- a/week05/windowapp/topic/Git-2.16.2-32-bit.exe
+++ b/week05/windowapp/topic/Git-2.16.2-32-bit.exe
--- a/week05/windowapp/topic/R1.jpg
+++ b/week05/windowapp/topic/R1.jpg
--- a/week05/windowapp/topic/R2.jpg
+++ b/week05/windowapp/topic/R2.jpg
--- a/week05/windowapp/topic/R3.jpg
+++ b/week05/windowapp/topic/R3.jpg
--- a/week05/windowapp/topic/R4.jpg
+++ b/week05/windowapp/topic/R4.jpg
--- a/week05/windowapp/topic/R5.jpg
+++ b/week05/windowapp/topic/R5.jpg
--- a/week05/windowapp/topic/Yum4.jpg
+++ b/week05/windowapp/topic/Yum4.jpg
--- a/week05/windowapp/topic/Yum5.jpg
+++ b/week05/windowapp/topic/Yum5.jpg
--- a/week05/windowapp/topic/Yum6.jpg
+++ b/week05/windowapp/topic/Yum6.jpg
--- a/week05/windowapp/topic/YumYum1.jpg
+++ b/week05/windowapp/topic/YumYum1.jpg
--- a/week05/windowapp/topic/YumYum2.jpg
+++ b/week05/windowapp/topic/YumYum2.jpg
--- a/week05/windowapp/topic/YumYum3.jpg
+++ b/week05/windowapp/topic/YumYum3.jpg
--- a/week05/windowapp/topic/aquamarine.css
+++ b/week05/windowapp/topic/aquamarine.css
--- a/week05/windowapp/topic/aquamarine.scss
+++ b/week05/windowapp/topic/aquamarine.scss
+/*!
+* Aquamarine Pingendo template (https://templates.pingendo.com)
+* Based on: Bootstrap v4.0.0 (https://getbootstrap.com)
+* Copyright 2014-2018 Pingendo (https://pingendo.com)
+*/
+ 
+@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400');
+
+  
+// Options
+// 
+// Quickly modify global styling by enabling or disabling optional features.
+  
+$enable-rounded:            true !default;
+$enable-shadows:            true;
+$enable-transitions:        true;
+$enable-hover-media-query:  false;
+$enable-grid-classes:       true;
+$enable-print-styles:       true;
+
+// Variables
+//
+// Colors
+
+$theme-colors: (
+  primary: #12bbad,
+  secondary: #4f70ce,
+  light: #f3f3f3,
+  dark: #151515,
+  info: #ccc,
+  success: #28a745,
+  warning: #ffc107,
+  danger: #dc3545
+);
+
+$body-bg: white;
+$body-color: #333;
+$body-color-inverse: invert($body-color) !default;
+$link-color: #12bbad;
+
+// Fonts
+$font-family-base: Roboto;
+$headings-font-family: Roboto;
+$display-font-family: Roboto;
+$font-weight-normal: 200;
+$headings-font-weight: 200;
+$lead-font-size:   1.30rem;
+
+$spacer: 1.5rem;
+$container-max-widths: (sm: 540px, md: 720px, lg: 960px, xl: 960px);
+
+// Components
+$border-width: 1px !default;
+
+// Buttons
+$input-btn-padding-y-lg:    .55rem;
+$input-btn-padding-x-lg:    1.2rem;
+$input-btn-padding-x:       1rem !default;
+
+// Cards
+$card-border-width:        0px;
+$card-bg:                  map-get($theme-colors, 'light');
+
+// Breadcrumb
+$breadcrumb-bg: transparent !default;
+
+// Carousel
+$carousel-caption-width:            					100% !default;
+$carousel-indicator-height:                   6px !default;
+
+// Forms
+$form-group-margin-bottom:       0rem;
+
+@import 'bootstrap-4.0.0';
+
+html,body {
+   height:100%;
+}
+
+body > * {
+  background-position: center;
+  background-size: cover;
+}
+
+.cover {
+ min-height: 100%; 
+}
+
+.inset-shadowed {
+  box-shadow: inset 0px 0px 45px #555;
+}
+
+.shadowed {
+  box-shadow: 0px 0px 5px #555;
+}
+
+.section-aquamarine {
+  position: relative;
+  color:white;
+  background-size:cover;
+  background-position: center;
+	&:before {
+    position: absolute;
+    top:0px;
+    left:0px;
+    width:100%;
+    height: 100%;
+    content: ' ';
+    background: linear-gradient(to bottom right, transparentize(theme-color("primary"), 0.1) 0%, transparentize(theme-color("secondary"), 0.1) 100%);
+  }
+}
+
+.section-dark {
+  position: relative;
+  color:map-get($theme-colors, 'light');
+  background-size:cover;
+  background-position: center;
+	&:before {
+    position: absolute;
+    top:0px;
+    left:0px;
+    width:100%;
+    height: 100%;
+    content: ' ';
+    background: rgba(map-get($theme-colors, 'dark'), 0.75);
+  }
+}
+
+.section-light {
+  position: relative;
+  color:map-get($theme-colors, 'dark');
+  background-size:cover;
+  background-position: center;
+	&:before {
+    position: absolute;
+    top:0px;
+    left:0px;
+    width:100%;
+    height: 100%;
+    content: ' ';
+    background: rgba(map-get($theme-colors, 'light'), 0.75);
+  }
+}
+
+.section-parallax {
+  background-attachment: fixed;
+  background-size:cover;
+  background-position: center;
+}
+
+.bg-aquamarine {
+	background: linear-gradient(-30deg, transparentize(theme-color("secondary"), 0.1) 0%, transparentize(theme-color("primary"), 0.1) 50%, transparentize(theme-color("primary"), 0.05) 100%);
+  color:white;
+}
+
+.img-thumbnail {
+  border:0px;
+  padding:10px;
+}
+
+.carousel {
+	.carousel-caption {
+    padding-top:50px;
+    padding-bottom:20px;
+	  bottom:0px;
+		background: linear-gradient(transparent 10%, transparentize(theme-color("dark"), 0.05) 100%);}
+  .carousel-control-next, .carousel-control-prev {
+    opacity:0.85;}
+  .carousel-indicators {
+    bottom: 0px;
+  }
+}
+
+
+
+/* Animate state between .navbar and .navbar-ontop */
+.navbar  {
+  transition: background-color .5s ease-out;
+}
+
+.navbar-ontop {
+  background-color: transparent !important;
+}
+
+/* Animate on entrance */
+
+.animate-in-down {
+  transition: all 1.3s ease-out;
+	position:relative;
+  opacity:1;
+  top:0px;
+  &.out-of-viewport {
+    top:40px;
+    opacity:0;
+  }
+}
+
+
+.animate-in-left {
+  transition: all 1.0s ease-out;
+	position:relative;
+  opacity:1;
+	left:0%;
+  &.out-of-viewport {
+    opacity:0;
+      left:-5%;
+  }
+}
+
+
+.animate-in-right {
+  transition: all 1.0s ease-out;
+	position:relative;
+  opacity:1;
+	left:0%;
+  &.out-of-viewport {
+    opacity:0;
+    left:5%;
+  }
+}
\ No newline at end of file
--- a/week05/windowapp/topic/assets/app/cover.jpg
+++ b/week05/windowapp/topic/assets/app/cover.jpg
--- a/week05/windowapp/topic/assets/app/download_android.png
+++ b/week05/windowapp/topic/assets/app/download_android.png
--- a/week05/windowapp/topic/assets/app/download_ios.png
+++ b/week05/windowapp/topic/assets/app/download_ios.png
--- a/week05/windowapp/topic/assets/app/iphone_cover_dark.png
+++ b/week05/windowapp/topic/assets/app/iphone_cover_dark.png
--- a/week05/windowapp/topic/assets/app/iphone_features_dark.png
+++ b/week05/windowapp/topic/assets/app/iphone_features_dark.png
--- a/week05/windowapp/topic/assets/app/iphone_ipad_dark.png
+++ b/week05/windowapp/topic/assets/app/iphone_ipad_dark.png
--- a/week05/windowapp/topic/assets/app/iphone_isometric_dark.png
+++ b/week05/windowapp/topic/assets/app/iphone_isometric_dark.png
--- a/week05/windowapp/topic/assets/app/iphone_side_dark.png
+++ b/week05/windowapp/topic/assets/app/iphone_side_dark.png
--- a/week05/windowapp/topic/assets/app/reviews_logo_1_dark.png
+++ b/week05/windowapp/topic/assets/app/reviews_logo_1_dark.png
--- a/week05/windowapp/topic/assets/app/reviews_logo_2_dark.png
+++ b/week05/windowapp/topic/assets/app/reviews_logo_2_dark.png
--- a/week05/windowapp/topic/assets/app/reviews_logo_3_dark.png
+++ b/week05/windowapp/topic/assets/app/reviews_logo_3_dark.png
--- a/week05/windowapp/topic/assets/conference/cover.jpg
+++ b/week05/windowapp/topic/assets/conference/cover.jpg
--- a/week05/windowapp/topic/assets/conference/logo_1.png
+++ b/week05/windowapp/topic/assets/conference/logo_1.png
--- a/week05/windowapp/topic/assets/conference/logo_2.png
+++ b/week05/windowapp/topic/assets/conference/logo_2.png
--- a/week05/windowapp/topic/assets/conference/logo_3.png
+++ b/week05/windowapp/topic/assets/conference/logo_3.png
--- a/week05/windowapp/topic/assets/conference/logo_4.png
+++ b/week05/windowapp/topic/assets/conference/logo_4.png
--- a/week05/windowapp/topic/assets/conference/people_1.jpg
+++ b/week05/windowapp/topic/assets/conference/people_1.jpg
--- a/week05/windowapp/topic/assets/conference/people_2.jpg
+++ b/week05/windowapp/topic/assets/conference/people_2.jpg
--- a/week05/windowapp/topic/assets/conference/people_3.jpg
+++ b/week05/windowapp/topic/assets/conference/people_3.jpg
--- a/week05/windowapp/topic/assets/conference/people_4.jpg
+++ b/week05/windowapp/topic/assets/conference/people_4.jpg
--- a/week05/windowapp/topic/assets/conference/people_5.jpg
+++ b/week05/windowapp/topic/assets/conference/people_5.jpg
--- a/week05/windowapp/topic/assets/conference/people_6.jpg
+++ b/week05/windowapp/topic/assets/conference/people_6.jpg
--- a/week05/windowapp/topic/assets/conference/schedule.jpg
+++ b/week05/windowapp/topic/assets/conference/schedule.jpg
--- a/week05/windowapp/topic/assets/conference/venue.jpg
+++ b/week05/windowapp/topic/assets/conference/venue.jpg
--- a/week05/windowapp/topic/assets/styleguide/cover_1.jpg
+++ b/week05/windowapp/topic/assets/styleguide/cover_1.jpg
--- a/week05/windowapp/topic/assets/styleguide/cover_2.jpg
+++ b/week05/windowapp/topic/assets/styleguide/cover_2.jpg
--- a/week05/windowapp/topic/assets/styleguide/cover_3.jpg
+++ b/week05/windowapp/topic/assets/styleguide/cover_3.jpg
--- a/week05/windowapp/topic/assets/styleguide/cover_4.jpg
+++ b/week05/windowapp/topic/assets/styleguide/cover_4.jpg
--- a/week05/windowapp/topic/assets/styleguide/people_1.jpg
+++ b/week05/windowapp/topic/assets/styleguide/people_1.jpg
--- a/week05/windowapp/topic/assets/styleguide/people_2.jpg
+++ b/week05/windowapp/topic/assets/styleguide/people_2.jpg
--- a/week05/windowapp/topic/assets/styleguide/people_3.jpg
+++ b/week05/windowapp/topic/assets/styleguide/people_3.jpg
--- a/week05/windowapp/topic/assets/styleguide/people_4.jpg
+++ b/week05/windowapp/topic/assets/styleguide/people_4.jpg
--- a/week05/windowapp/topic/assets/styleguide/people_5.jpg
+++ b/week05/windowapp/topic/assets/styleguide/people_5.jpg
--- a/week05/windowapp/topic/assets/styleguide/people_6.jpg
+++ b/week05/windowapp/topic/assets/styleguide/people_6.jpg
--- a/week05/windowapp/topic/blank.html
+++ b/week05/windowapp/topic/blank.html
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
+  <link rel="stylesheet" href="theme.css" type="text/css"> </head>
+
+<body>
+  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+</body>
+
+</html>
\ No newline at end of file
--- a/week05/windowapp/topic/c.jpg
+++ b/week05/windowapp/topic/c.jpg
--- a/week05/windowapp/topic/c10.png
+++ b/week05/windowapp/topic/c10.png
--- a/week05/windowapp/topic/c11.png
+++ b/week05/windowapp/topic/c11.png
--- a/week05/windowapp/topic/c12.png
+++ b/week05/windowapp/topic/c12.png
--- a/week05/windowapp/topic/c13.png
+++ b/week05/windowapp/topic/c13.png
--- a/week05/windowapp/topic/c15.jpg
+++ b/week05/windowapp/topic/c15.jpg
--- a/week05/windowapp/topic/c16.png
+++ b/week05/windowapp/topic/c16.png
--- a/week05/windowapp/topic/c18.jpg
+++ b/week05/windowapp/topic/c18.jpg
--- a/week05/windowapp/topic/c5.png
+++ b/week05/windowapp/topic/c5.png
--- a/week05/windowapp/topic/c6.jpg
+++ b/week05/windowapp/topic/c6.jpg
--- a/week05/windowapp/topic/c7.png
+++ b/week05/windowapp/topic/c7.png
--- a/week05/windowapp/topic/c8.png
+++ b/week05/windowapp/topic/c8.png
--- a/week05/windowapp/topic/c9.png
+++ b/week05/windowapp/topic/c9.png
--- a/week05/windowapp/topic/cc.jpg
+++ b/week05/windowapp/topic/cc.jpg
--- a/week05/windowapp/topic/f1.jpg
+++ b/week05/windowapp/topic/f1.jpg
--- a/week05/windowapp/topic/f10.jpg
+++ b/week05/windowapp/topic/f10.jpg
--- a/week05/windowapp/topic/f11.jpg
+++ b/week05/windowapp/topic/f11.jpg
--- a/week05/windowapp/topic/f12.jpg
+++ b/week05/windowapp/topic/f12.jpg
--- a/week05/windowapp/topic/f2.jpg
+++ b/week05/windowapp/topic/f2.jpg
--- a/week05/windowapp/topic/f3.jpg
+++ b/week05/windowapp/topic/f3.jpg
--- a/week05/windowapp/topic/f4.jpg
+++ b/week05/windowapp/topic/f4.jpg
--- a/week05/windowapp/topic/f5.jpg
+++ b/week05/windowapp/topic/f5.jpg
--- a/week05/windowapp/topic/f6.jpg
+++ b/week05/windowapp/topic/f6.jpg
--- a/week05/windowapp/topic/f7.jpg
+++ b/week05/windowapp/topic/f7.jpg
--- a/week05/windowapp/topic/f8.jpg
+++ b/week05/windowapp/topic/f8.jpg
--- a/week05/windowapp/topic/f9.jpg
+++ b/week05/windowapp/topic/f9.jpg
--- a/week05/windowapp/topic/ff.jpg
+++ b/week05/windowapp/topic/ff.jpg
--- a/week05/windowapp/topic/home.html
+++ b/week05/windowapp/topic/home.html
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>ชีวิตติดเส้น</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
+  <link rel="stylesheet" href="https://v40.pingendo.com/assets/4.0.0/default/theme.css" type="text/css"> </head>
+
+<body>
+  <div class="w-100 h-100 text-center bg-dark" style="background-image: url(&quot;ma1.jpg&quot;); background-size: cover;">
+    <div class="container py-5">
+      <div class="row">
+        <div class="col-md-6">
+          <h1 class="p-2 text-light display-1 text-justify text-capitalize">ชีวิต
+            <br>&nbsp;ติด
+            <br>เส้น
+            <br>
+            <br> </h1>
+          <a class="btn text-dark text-center w-50 btn-block active btn-warning mr-auto btn-lg" href="หน้าแรก.html">เข้าสู่เว็บไซต์</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+  <pingendo onclick="window.open('https://pingendo.com/', '_blank')" style="cursor:pointer;position: fixed;bottom: 10px;right:10px;padding:4px;background-color: #00b0eb;border-radius: 8px; width:180px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:14px;color:white">Made with Pingendo&nbsp;&nbsp;
+    <img src="https://pingendo.com/site-assets/Pingendo_logo_big.png" class="d-block" alt="Pingendo logo" height="16">
+  </pingendo>
+</body>
+
+</html>
\ No newline at end of file
--- a/week05/windowapp/topic/j1.jpg
+++ b/week05/windowapp/topic/j1.jpg
--- a/week05/windowapp/topic/j2.jpg
+++ b/week05/windowapp/topic/j2.jpg
--- a/week05/windowapp/topic/j3.jpg
+++ b/week05/windowapp/topic/j3.jpg
--- a/week05/windowapp/topic/j4.jpg
+++ b/week05/windowapp/topic/j4.jpg
--- a/week05/windowapp/topic/ja.jpg
+++ b/week05/windowapp/topic/ja.jpg
--- a/week05/windowapp/topic/jaya.jpg
+++ b/week05/windowapp/topic/jaya.jpg
--- a/week05/windowapp/topic/js/animate-in.js
+++ b/week05/windowapp/topic/js/animate-in.js
+/**
+ * animate-in.js 1.0.0
+ * Animate elements on entrance
+ * 
+ * Usage:
+ *
+ * Make sure to add this to the <head> of your page to avoid flickering on load 
+ * Based on https://andycaygill.github.io/scroll-entrance/
+ */
+(function() {
+
+	//Set up defaults
+  	var duration = "1000";
+  	var heightOffset = 100;
+
+
+    // document.write("<style id='temp-animate-in'>*[class^='animate-in'], *[class*=' animate-in'] {display:none}</style>")
+
+  	function isElementVisible(elem) {
+
+      var rect = elem.getBoundingClientRect();
+
+      //Return true if any of the following conditions are met:
+      return (
+        // The top is in view: the top is more than 0 and less than the window height (the top of the element is in view)
+        ( (rect.top + heightOffset) >= 0 && (rect.top + heightOffset) <= window.innerHeight ) || 
+        // The bottom is in view: bottom position is greater than 0 and greater than the window height
+        ( (rect.bottom + heightOffset) >= 0 && (rect.bottom + heightOffset) <= window.innerHeight ) ||
+        // The top is above the viewport and the bottom is below the viewport
+        ( (rect.top + heightOffset) < 0 && (rect.bottom + heightOffset) > window.innerHeight )
+      )
+
+  	}
+
+
+	function update() {
+		var nodes = document.querySelectorAll("*:not(.animate-in-done)[class^='animate-in'], *:not(.animate-in-done)[class*=' animate-in']")
+
+		for (var i = 0; i < nodes.length; i++) {
+			if (isElementVisible(nodes[i])) {
+				nodes[i].classList.remove("out-of-viewport")
+				nodes[i].classList.add("animate-in-done")
+			} else {
+				nodes[i].classList.add("out-of-viewport")
+  		}
+  	}
+  }
+
+	document.addEventListener("DOMContentLoaded", function(event) {
+	  update()
+    // setTimeout(function() {
+    //   document.querySelector("#temp-animate-in").remove()
+    // })
+	});
+
+	window.addEventListener("scroll", function() {
+	  update()			
+  })
+
+})();
+
--- a/week05/windowapp/topic/js/navbar-ontop.js
+++ b/week05/windowapp/topic/js/navbar-ontop.js
+/**
+ * navbar-ontop.js 1.0.0
+ * Add .navbar-ontop class to navbar when the page is scrolled to top
+ * Make sure to add this script to the <head> of page to avoid flickering on load
+ */
+
+(function() {
+
+	var className = "navbar-ontop"
+	
+	// we start hidden, to avoid flickering
+	document.write("<style id='temp-navbar-ontop'>.navbar {opacity:0; transition: none !important}</style>")
+
+	function update() {
+		// toggle className based on the scrollTop property of document
+		var nav = document.querySelector(".navbar")
+
+		if (window.scrollY > 15)
+			nav.classList.remove(className)
+		else
+			nav.classList.add(className) 
+	}
+
+	document.addEventListener("DOMContentLoaded", function(event) {
+		$(window).on('show.bs.collapse', function (e) {
+			$(e.target).closest("." + className).removeClass(className);
+		})
+
+		$(window).on('hidden.bs.collapse', function (e) {
+			update()
+		})
+		update()
+		// still hacking to avoid flickering
+		setTimeout(function() {
+			document.querySelector("#temp-navbar-ontop").remove()
+		})
+  	});
+
+	window.addEventListener("scroll", function() {
+		update()			
+	})
+
+})();
\ No newline at end of file
--- a/week05/windowapp/topic/js/smooth-scroll.js
+++ b/week05/windowapp/topic/js/smooth-scroll.js
+/**
+ * smooth-scroll.js 1.0.0
+ * Make your page scrolling smooth
+ * Requires JQuery - Does not work with JQuery slim 
+ * Based on https://css-tricks.com/snippets/jquery/smooth-scrolling/
+ */
+
+(function() {
+
+  var duration = 500
+
+  $('a[href*="#"]')
+    // Remove links that don't actually link to anything
+    .not('[href="#"]')
+    .click(function(event) {
+      // On-page links
+      if (
+        location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') 
+        && 
+        location.hostname == this.hostname
+      ) {
+        // Figure out element to scroll to
+        var target = $(this.hash);
+        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']')
+        // Does a scroll target exist?
+        if (target.length) {
+          // Only prevent default if animation is actually gonna happen
+          event.preventDefault()
+          
+          $('html, body').animate({
+            scrollTop: target.offset().top
+          },
+          duration, function() {
+            // Callback after animation
+            // Must change focus!
+            var $target = $(target);
+            $target.focus();
+            if ($target.is(":focus")) { // Checking if the target was focused
+              return false;
+            } else {
+              $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
+              $target.focus(); // Set focus again
+            };
+          });
+        }
+      }
+    });
+
+})();
--- a/week05/windowapp/topic/m1.jpg
+++ b/week05/windowapp/topic/m1.jpg
--- a/week05/windowapp/topic/m10.jpg
+++ b/week05/windowapp/topic/m10.jpg
--- a/week05/windowapp/topic/m11.jpg
+++ b/week05/windowapp/topic/m11.jpg
--- a/week05/windowapp/topic/m12.jpg
+++ b/week05/windowapp/topic/m12.jpg
--- a/week05/windowapp/topic/m13.jpg
+++ b/week05/windowapp/topic/m13.jpg
--- a/week05/windowapp/topic/m14.jpg
+++ b/week05/windowapp/topic/m14.jpg
--- a/week05/windowapp/topic/m15.jpg
+++ b/week05/windowapp/topic/m15.jpg
--- a/week05/windowapp/topic/m16.jpg
+++ b/week05/windowapp/topic/m16.jpg
--- a/week05/windowapp/topic/m17.jpg
+++ b/week05/windowapp/topic/m17.jpg
--- a/week05/windowapp/topic/m18.jpg
+++ b/week05/windowapp/topic/m18.jpg
--- a/week05/windowapp/topic/m19.jpg
+++ b/week05/windowapp/topic/m19.jpg
--- a/week05/windowapp/topic/m2.jpg
+++ b/week05/windowapp/topic/m2.jpg
--- a/week05/windowapp/topic/m20.jpg
+++ b/week05/windowapp/topic/m20.jpg
--- a/week05/windowapp/topic/m21.jpg
+++ b/week05/windowapp/topic/m21.jpg
--- a/week05/windowapp/topic/m22.jpg
+++ b/week05/windowapp/topic/m22.jpg
--- a/week05/windowapp/topic/m23.jpg
+++ b/week05/windowapp/topic/m23.jpg
--- a/week05/windowapp/topic/m24.jpg
+++ b/week05/windowapp/topic/m24.jpg
--- a/week05/windowapp/topic/m25.jpg
+++ b/week05/windowapp/topic/m25.jpg
--- a/week05/windowapp/topic/m26.jpg
+++ b/week05/windowapp/topic/m26.jpg
--- a/week05/windowapp/topic/m27.jpg
+++ b/week05/windowapp/topic/m27.jpg
--- a/week05/windowapp/topic/m28.jpg
+++ b/week05/windowapp/topic/m28.jpg
--- a/week05/windowapp/topic/m29.jpg
+++ b/week05/windowapp/topic/m29.jpg
--- a/week05/windowapp/topic/m3.jpg
+++ b/week05/windowapp/topic/m3.jpg
--- a/week05/windowapp/topic/m30.jpg
+++ b/week05/windowapp/topic/m30.jpg
--- a/week05/windowapp/topic/m31.jpg
+++ b/week05/windowapp/topic/m31.jpg
--- a/week05/windowapp/topic/m32.jpg
+++ b/week05/windowapp/topic/m32.jpg
--- a/week05/windowapp/topic/m33.jpg
+++ b/week05/windowapp/topic/m33.jpg
--- a/week05/windowapp/topic/m34.jpg
+++ b/week05/windowapp/topic/m34.jpg
--- a/week05/windowapp/topic/m35.jpg
+++ b/week05/windowapp/topic/m35.jpg
--- a/week05/windowapp/topic/m36.jpg
+++ b/week05/windowapp/topic/m36.jpg
--- a/week05/windowapp/topic/m37.jpg
+++ b/week05/windowapp/topic/m37.jpg
--- a/week05/windowapp/topic/m38.jpg
+++ b/week05/windowapp/topic/m38.jpg
--- a/week05/windowapp/topic/m39.jpg
+++ b/week05/windowapp/topic/m39.jpg
--- a/week05/windowapp/topic/m4.jpg
+++ b/week05/windowapp/topic/m4.jpg
--- a/week05/windowapp/topic/m40.jpg
+++ b/week05/windowapp/topic/m40.jpg
--- a/week05/windowapp/topic/m41.jpg
+++ b/week05/windowapp/topic/m41.jpg
--- a/week05/windowapp/topic/m42.jpg
+++ b/week05/windowapp/topic/m42.jpg
--- a/week05/windowapp/topic/m43.jpg
+++ b/week05/windowapp/topic/m43.jpg
--- a/week05/windowapp/topic/m44.jpg
+++ b/week05/windowapp/topic/m44.jpg
--- a/week05/windowapp/topic/m5.jpg
+++ b/week05/windowapp/topic/m5.jpg
--- a/week05/windowapp/topic/m6.jpg
+++ b/week05/windowapp/topic/m6.jpg
--- a/week05/windowapp/topic/m7.jpg
+++ b/week05/windowapp/topic/m7.jpg
--- a/week05/windowapp/topic/m8.jpg
+++ b/week05/windowapp/topic/m8.jpg
--- a/week05/windowapp/topic/m9.jpg
+++ b/week05/windowapp/topic/m9.jpg
--- a/week05/windowapp/topic/ma1.jpg
+++ b/week05/windowapp/topic/ma1.jpg
--- a/week05/windowapp/topic/mama.jpg
+++ b/week05/windowapp/topic/mama.jpg
--- a/week05/windowapp/topic/n1.png
+++ b/week05/windowapp/topic/n1.png
--- a/week05/windowapp/topic/n10.png
+++ b/week05/windowapp/topic/n10.png
--- a/week05/windowapp/topic/n11.png
+++ b/week05/windowapp/topic/n11.png
--- a/week05/windowapp/topic/n12.png
+++ b/week05/windowapp/topic/n12.png
--- a/week05/windowapp/topic/n13.png
+++ b/week05/windowapp/topic/n13.png
--- a/week05/windowapp/topic/n14.png
+++ b/week05/windowapp/topic/n14.png
--- a/week05/windowapp/topic/n15.png
+++ b/week05/windowapp/topic/n15.png
--- a/week05/windowapp/topic/n16.png
+++ b/week05/windowapp/topic/n16.png
--- a/week05/windowapp/topic/n17.png
+++ b/week05/windowapp/topic/n17.png
--- a/week05/windowapp/topic/n18.png
+++ b/week05/windowapp/topic/n18.png
--- a/week05/windowapp/topic/n19.png
+++ b/week05/windowapp/topic/n19.png
--- a/week05/windowapp/topic/n2.png
+++ b/week05/windowapp/topic/n2.png
--- a/week05/windowapp/topic/n20.png
+++ b/week05/windowapp/topic/n20.png
--- a/week05/windowapp/topic/n21.png
+++ b/week05/windowapp/topic/n21.png
--- a/week05/windowapp/topic/n3.png
+++ b/week05/windowapp/topic/n3.png
--- a/week05/windowapp/topic/n4.png
+++ b/week05/windowapp/topic/n4.png
--- a/week05/windowapp/topic/n5.png
+++ b/week05/windowapp/topic/n5.png
--- a/week05/windowapp/topic/n6.png
+++ b/week05/windowapp/topic/n6.png
--- a/week05/windowapp/topic/n7.png
+++ b/week05/windowapp/topic/n7.png
--- a/week05/windowapp/topic/n8.png
+++ b/week05/windowapp/topic/n8.png
--- a/week05/windowapp/topic/n9.png
+++ b/week05/windowapp/topic/n9.png
--- a/week05/windowapp/topic/neon.css
+++ b/week05/windowapp/topic/neon.css
--- a/week05/windowapp/topic/neon.scss
+++ b/week05/windowapp/topic/neon.scss
--- a/week05/windowapp/topic/nis.jpg
+++ b/week05/windowapp/topic/nis.jpg
--- a/week05/windowapp/topic/nissin.png
+++ b/week05/windowapp/topic/nissin.png
--- a/week05/windowapp/topic/p.html
+++ b/week05/windowapp/topic/p.html
--- a/week05/windowapp/topic/p.jpg
+++ b/week05/windowapp/topic/p.jpg
--- a/week05/windowapp/topic/p1.jpg
+++ b/week05/windowapp/topic/p1.jpg
--- a/week05/windowapp/topic/p3.jpg
+++ b/week05/windowapp/topic/p3.jpg
--- a/week05/windowapp/topic/p_files/0dd00230c6b2.js.download
+++ b/week05/windowapp/topic/p_files/0dd00230c6b2.js.download
--- a/week05/windowapp/topic/p_files/1425767024389221
+++ b/week05/windowapp/topic/p_files/1425767024389221
--- a/week05/windowapp/topic/p_files/26272704_349287498872302_5891014024077770752_n.jpg
+++ b/week05/windowapp/topic/p_files/26272704_349287498872302_5891014024077770752_n.jpg
--- a/week05/windowapp/topic/p_files/26864078_144017312973891_34536055365435392_n.jpg
+++ b/week05/windowapp/topic/p_files/26864078_144017312973891_34536055365435392_n.jpg
--- a/week05/windowapp/topic/p_files/28151315_141502433333793_7610813715029426176_n.jpg
+++ b/week05/windowapp/topic/p_files/28151315_141502433333793_7610813715029426176_n.jpg
--- a/week05/windowapp/topic/p_files/28151817_1773757552931273_4622883350355378176_n.jpg
+++ b/week05/windowapp/topic/p_files/28151817_1773757552931273_4622883350355378176_n.jpg
--- a/week05/windowapp/topic/p_files/28152443_154619481869460_1438121356129468416_n.jpg
+++ b/week05/windowapp/topic/p_files/28152443_154619481869460_1438121356129468416_n.jpg
--- a/week05/windowapp/topic/p_files/5ff103380377.js.download
+++ b/week05/windowapp/topic/p_files/5ff103380377.js.download
--- a/week05/windowapp/topic/p_files/691b4a7c5fb1.js.download
+++ b/week05/windowapp/topic/p_files/691b4a7c5fb1.js.download
--- a/week05/windowapp/topic/p_files/7b8d6fc6d4c2.js.download
+++ b/week05/windowapp/topic/p_files/7b8d6fc6d4c2.js.download
--- a/week05/windowapp/topic/p_files/8f295f2125e3.js.download
+++ b/week05/windowapp/topic/p_files/8f295f2125e3.js.download
--- a/week05/windowapp/topic/p_files/Nh1oH0K63yz.html
+++ b/week05/windowapp/topic/p_files/Nh1oH0K63yz.html
--- a/week05/windowapp/topic/p_files/a1bc320eb2a5.js.download
+++ b/week05/windowapp/topic/p_files/a1bc320eb2a5.js.download
--- a/week05/windowapp/topic/p_files/fbevents.js.download
+++ b/week05/windowapp/topic/p_files/fbevents.js.download
--- a/week05/windowapp/topic/p_files/sdk.js.download
+++ b/week05/windowapp/topic/p_files/sdk.js.download
--- a/week05/windowapp/topic/package.json
+++ b/week05/windowapp/topic/package.json
--- a/week05/windowapp/topic/rusake.jpg
+++ b/week05/windowapp/topic/rusake.jpg
--- a/week05/windowapp/topic/ruskee.jpg
+++ b/week05/windowapp/topic/ruskee.jpg
--- a/week05/windowapp/topic/s.jpg
+++ b/week05/windowapp/topic/s.jpg
--- a/week05/windowapp/topic/s1.png
+++ b/week05/windowapp/topic/s1.png
--- a/week05/windowapp/topic/s2.png
+++ b/week05/windowapp/topic/s2.png
--- a/week05/windowapp/topic/s3.png
+++ b/week05/windowapp/topic/s3.png
--- a/week05/windowapp/topic/s4.png
+++ b/week05/windowapp/topic/s4.png
--- a/week05/windowapp/topic/sehda.jpg
+++ b/week05/windowapp/topic/sehda.jpg
--- a/week05/windowapp/topic/sheda.gif
+++ b/week05/windowapp/topic/sheda.gif
--- a/week05/windowapp/topic/styleguide.html
+++ b/week05/windowapp/topic/styleguide.html
--- a/week05/windowapp/topic/theme.css
+++ b/week05/windowapp/topic/theme.css
--- a/week05/windowapp/topic/theme.scss
+++ b/week05/windowapp/topic/theme.scss
--- a/week05/windowapp/topic/tumyom.jpg
+++ b/week05/windowapp/topic/tumyom.jpg
--- a/week05/windowapp/topic/w.gif
+++ b/week05/windowapp/topic/w.gif
--- a/week05/windowapp/topic/w1.png
+++ b/week05/windowapp/topic/w1.png
--- a/week05/windowapp/topic/w10.png
+++ b/week05/windowapp/topic/w10.png
--- a/week05/windowapp/topic/w11.png
+++ b/week05/windowapp/topic/w11.png
--- a/week05/windowapp/topic/w12.png
+++ b/week05/windowapp/topic/w12.png
--- a/week05/windowapp/topic/w13.png
+++ b/week05/windowapp/topic/w13.png
--- a/week05/windowapp/topic/w14.png
+++ b/week05/windowapp/topic/w14.png
--- a/week05/windowapp/topic/w15.png
+++ b/week05/windowapp/topic/w15.png
--- a/week05/windowapp/topic/w2.png
+++ b/week05/windowapp/topic/w2.png
--- a/week05/windowapp/topic/w3.png
+++ b/week05/windowapp/topic/w3.png
--- a/week05/windowapp/topic/w4.png
+++ b/week05/windowapp/topic/w4.png
--- a/week05/windowapp/topic/w5.png
+++ b/week05/windowapp/topic/w5.png
--- a/week05/windowapp/topic/w6.jpg
+++ b/week05/windowapp/topic/w6.jpg
--- a/week05/windowapp/topic/w7.png
+++ b/week05/windowapp/topic/w7.png
--- a/week05/windowapp/topic/w8.png
+++ b/week05/windowapp/topic/w8.png
--- a/week05/windowapp/topic/w9.jpg
+++ b/week05/windowapp/topic/w9.jpg
--- a/week05/windowapp/topic/wireframe.css
+++ b/week05/windowapp/topic/wireframe.css
--- a/week05/windowapp/topic/wireframe.scss
+++ b/week05/windowapp/topic/wireframe.scss
--- a/week05/windowapp/topic/wiwi.jpg
+++ b/week05/windowapp/topic/wiwi.jpg
--- a/week05/windowapp/topic/y.png
+++ b/week05/windowapp/topic/y.png
--- a/week05/windowapp/topic/yum.jpg
+++ b/week05/windowapp/topic/yum.jpg
--- a/week05/windowapp/topic/yum10.jpg
+++ b/week05/windowapp/topic/yum10.jpg
--- a/week05/windowapp/topic/yum11.jpg
+++ b/week05/windowapp/topic/yum11.jpg
--- a/week05/windowapp/topic/yum12.jpg
+++ b/week05/windowapp/topic/yum12.jpg
--- a/week05/windowapp/topic/yum13.jpg
+++ b/week05/windowapp/topic/yum13.jpg
--- a/week05/windowapp/topic/yum14.jpg
+++ b/week05/windowapp/topic/yum14.jpg
--- a/week05/windowapp/topic/yum15.jpg
+++ b/week05/windowapp/topic/yum15.jpg
--- a/week05/windowapp/topic/yum16.jpg
+++ b/week05/windowapp/topic/yum16.jpg
--- a/week05/windowapp/topic/yum17.jpg
+++ b/week05/windowapp/topic/yum17.jpg
--- a/week05/windowapp/topic/yum7.jpg
+++ b/week05/windowapp/topic/yum7.jpg
--- a/week05/windowapp/topic/yum8.jpg
+++ b/week05/windowapp/topic/yum8.jpg
--- a/week05/windowapp/topic/yum9.jpg
+++ b/week05/windowapp/topic/yum9.jpg
--- a/week05/windowapp/topic/yumyum.jpg
+++ b/week05/windowapp/topic/yumyum.jpg
--- a/week05/windowapp/topic/ควิก.html
+++ b/week05/windowapp/topic/ควิก.html
--- a/week05/windowapp/topic/จายา.html
+++ b/week05/windowapp/topic/จายา.html
--- a/week05/windowapp/topic/ซือดะ.html
+++ b/week05/windowapp/topic/ซือดะ.html
--- a/week05/windowapp/topic/นิสชิน.html
+++ b/week05/windowapp/topic/นิสชิน.html
--- a/week05/windowapp/topic/มาม่า.html
+++ b/week05/windowapp/topic/มาม่า.html
--- a/week05/windowapp/topic/ยำยำ.html
+++ b/week05/windowapp/topic/ยำยำ.html
--- a/week05/windowapp/topic/รุสกี.html
+++ b/week05/windowapp/topic/รุสกี.html
--- a/week05/windowapp/topic/หน้าแรก.html
+++ b/week05/windowapp/topic/หน้าแรก.html
--- a/week05/windowapp/topic/เอฟเอฟ.html
+++ b/week05/windowapp/topic/เอฟเอฟ.html
--- a/week05/windowapp/topic/ไวไว.html
+++ b/week05/windowapp/topic/ไวไว.html