Skip to content

N
nodejs-60-2
Commit a8b07bfd authored by Thanawit Thisanon's avatar Thanawit Thisanon
Browse files
Options

Project

parent 08369275
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 320 additions and 53 deletions
week05/windowapp/default.css → week05/windowapp/file.css
View file @ a8b07bfd
/*
Design by TEMPLATED
http://templated.co
Released for free under the Creative Commons Attribution License
*/
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
...@@ -14,6 +8,9 @@ body { ...@@ -14,6 +8,9 @@ body {
font-size: 11px; font-size: 11px;
color: #9B8767; color: #9B8767;
} }
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin: 0; margin: 0;
...@@ -83,7 +80,7 @@ strong { ...@@ -83,7 +80,7 @@ strong {
background: url(images/img2.jpg) repeat-x; background: url(images/img2.jpg) repeat-x;
} }
/* Header */
#header { #header {
width: 730px; width: 730px;
......
week05/windowapp/index.html
View file @ a8b07bfd
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>My Profile</title> <title>My Profile</title>
<meta name="keywords" content="" /> <meta name="keywords" content="" />
<meta name="description" content="" /> <meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" /> <link href="file.css" rel="stylesheet" type="text/css" />
</head> </head>
<body> <body>
<div id="wrapper"> <div id="wrapper">
<div id="header"> <div id="header">
<h1>Earthling</h1> <h1>MY PROFILE</h1>
<h2><span>By TEMPLATED</span></h2> <h2>
<ul> <span>By bell</span>
<li class="first"><a href="#" accesskey="1" title="">Home</a></li> </h2>
<li><a href="#" accesskey="2" title="">Blog</a></li> <ul>
<li><a href="#" accesskey="3" title="">Photo Gallery</a></li> <li class="first">
<li><a href="#" accesskey="4" title="">Contact</a></li> <a href="http://www.pdphoto.org/" target="_blank">Photo Gallery</a>
</ul> </li>
</ul>
</div>
</div> </div>
</div> <div id="content">
<div id="content"> <div id="colOne">
<div id="colOne"> <h2>hello.</h2>
<h2>Welcome to Untitled</h2> <img src="images/img6.jpg" alt="" width="102" height="102" class="image" />
<img src="images/img5.jpg" alt="" width="102" height="102" class="image" /> <p class="indent">
<p class="indent"><strong>Earthling</strong> is a free template from <a href="http://templated.co" rel="nofollow">TEMPLATED</a> released under the <a href="http://templated.co/license">Creative Commons Attribution License</a>. The photo to the left is from <a href="http://www.pdphoto.org/">PDPhoto.org</a>. You're free to use this template for both commercial or personal use. We only ask that you credit us in some way. Enjoy :) Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec, adipiscing at, elit. Maecenas sed sem sit amet lorem ipsum dolor sit amet veroeros consequat blandit sed nullam.</p> <strong>Let me introduce myself.</strong>
<h3>Lorem Ipsum Dolor</h3> </p>
<p>Fusce in turpis vitae nulla rutrum adipiscing. Ut urna. Maecenas at tellus. Duis pellentesque massa fermentum diam blandit imperdiet. Sed posuere vulputate magna. Proin placerat, nisl ut mollis tempus, magna nibh fringilla est, consequat cursus diam metus vel dolor. Fusce ut nulla sit amet mi sodales dictum. Proin tempor purus quis est. Donec nunc felis, hendrerit non, facilisis consectetuer, faucibus nec, leo. Etiam vestibulum luctus nibh. In hac habitasse platea dictumst. Vivamus luctus magna. Integer aliquam feugiat massa.</p> <p class="indent">
<p>Sed tempor pede nec est. Aenean accumsan vestibulum nibh. Aliquam erat volutpat. Praesent a odio. Proin at libero in tellus scelerisque aliquam. Morbi at nisi. Ut at erat vel massa vulputate ultrices. Aliquam suscipit. Proin consequat, felis eu pulvinar adipiscing, augue lorem vestibulum turpis, a ornare diam lectus et neque. Aenean quis lacus. </p> <strong> My name is </strong> Thanawit Thisanon.</p>
<p class="indent">
<strong>I am studying at</strong>
<a href="http://www.ubu.ac.th/" target="_blank"> Ubon Ratchathani University.</a>
</p>
<p class="indent">
<strong>My major was </strong>
<a href="http://math.sci.ubu.ac.th/" target="_blank">Computer-science.</a>
</p>
<p class="indent">
<strong>I live in </strong>Ubon Ratchathani.</p>
<p class="indent">
<strong>E-mail </strong>Thanawit.th.58@ubu.ac.th</p>
<h3>
MY favorite
</h3>
<ul>
<li class="first">Musics and Anime
<button>
<a href="index2.html" target="_blank"> Click </a>
</button>
</li>
<ul>
<li >food.
<button>
<a href="index4.html" target="_blank"> Click </a>
</button>
</li>
</ul>
</ul>
</div>
<div id="colTwo">
<h3>My Hobbies</h3>
<ol>
<li>
Reading
</li>
<li>
Listening to music
</li>
<li>
Gardening
</li>
</ol>
</div>
</div> </div>
<div id="colTwo"> <div id="footer">
<h3>Sed Etiam</h3> <p>&copy; my profile.</p>
<p>Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus mauris sed elit venenatis porttitor. Morbi sit amet lorem ipsum dolor sit amet veroeros consequat blandit sed nullam. Blandit consequat etiam dolor.</p>
<h3>Nulla Maecenas</h3>
<ul>
<li class="first"><a href="#">Fusce in turpis vitae</a></li>
<li><a href="#">Nulla rutrum adipiscing urna</a></li>
<li><a href="#">Maecenas at tellus duis</a></li>
<li><a href="#">Pellentesque massa fermentum</a></li>
<li><a href="#">Diam blandit imperdiet sed</a></li>
<li><a href="#">Posuere vulputate magna</a></li>
<li><a href="#">Proin placerat nisl ut mollis</a></li>
<li><a href="#">Consequat cursus diam</a></li>
<li><a href="#">Metus vel dolor fusce ut nulla</a></li>
</ul>
</div> </div>
</div>
<div id="footer">
<p>&copy; Untitled. All Rights Reserved. Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p>
</div>
</body> </body>
</html>
</html>
\ No newline at end of file
week05/windowapp/index2.html 0 → 100644
View file @ a8b07bfd
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>MY Favorite.</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="file.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>MY Favorite.</h1>
<ul>
<li class="first">
<a href="index.html">Home</a>
</li>
<li>
<a href="http://www.pdphoto.org/" target="_blank">Google Photo</a>
</li>
</ul>
</div>
</div>
<div id="content">
<div id="colOne">
<h2>Musics </h2>
<iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>
<ol>
<li class="first">
<a href="https://www.youtube.com/watch?v=IumYMCllMsM" target="_blank">Home</a>
</li>
<li>
<a href="https://www.youtube.com/watch?v=ru0K8uYEZWw" target="_blank">CAN'T STOP THE FEELING!</a>
</li>
<li>
<a href="https://www.youtube.com/watch?v=jzD_yyEcp0M" target="_blank">FRIENDS</a>
</li>
<li>
<a href="https://www.youtube.com/watch?v=3BXDsVD6O10" target="_blank">River</a>
</li>
</ol>
</div>
<div id="colTwo">
<h3>Anime</h3>
<img width="420" height="315" src="https://sotaku.com/wp-content/uploads/2017/11/auto-draft.jpg"></img>
<ul>
<li class="first">Watch Anime !!
<button>
<a href="http://www.anime-sugoi.com/" target="_blank"> Click </a>
</button>
</li>
</ul>
</div>
<div id="footer">
<p>&copy; my profile.</p>
</div>
</body>
</html>
\ No newline at end of file
week05/windowapp/index3.html 0 → 100644
View file @ a8b07bfd
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>My Profile</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="file.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>MY PROFILE</h1>
<h2>
<span>By bell</span>
</h2>
<ul>
<li class="first">
<a href="http://www.pdphoto.org/" target="_blank">Photo Gallery</a>
</li>
</ul>
</div>
</div>
<div id="content">
<div id="colOne">
<h2>hello.</h2>
<div class="w3-content w3-display-container" style="max-width:800px">
<img class="mySlides" src="https://f.ptcdn.info/465/018/000/1399025379-4596-o.jpg" style="width:100%">
<img class="mySlides" src="https://daily.rabbitstatic.com/wp-content/uploads/2017/05/feature_%E0%B9%80%E0%B8%A1%E0%B8%99%E0%B8%B9%E0%B8%82%E0%B9%89%E0%B8%B2%E0%B8%A7%E0%B8%9C%E0%B8%B1%E0%B8%94.jpg" style="width:100%">
<img class="mySlides" src="https://img.wongnai.com/p/1920x0/2013/07/01/43ec27eb3c544104b95e859241d20496.jpg" style="width:100%">
<div class="w3-center w3-container w3-section w3-large w3-text-white w3-display-bottommiddle" style="width:100%">
<div class="w3-left w3-hover-text-khaki" onclick="plusDivs(-1)">&#10094;</div>
<div class="w3-right w3-hover-text-khaki" onclick="plusDivs(1)">&#10095;</div>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(3)"></span>
</div>
</div>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function currentDiv(n) {
showDivs(slideIndex = n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" w3-white", "");
}
x[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " w3-white";
}
</script>
</body>
</html>
\ No newline at end of file
week05/windowapp/index4.html 0 → 100644
View file @ a8b07bfd
<!DOCTYPE html>
<html>
<title>Food</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<head><link href="file.css" rel="stylesheet" type="text/css" /></head>
<style>
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
</style>
<body>
<div id="wrapper">
<div id="header">
<h1>MY favorite food</h1>
<h2>
<span>By bell</span>
</h2>
<ul>
<li class="first">
<a href="index.html">Home</a>
</li>
<li >
<a href="http://www.pdphoto.org/" target="_blank">Photo Gallery</a>
</li>
</ul>
</div>
<div class="w3-container">
<h2 class="indent">Foods.</h2>
</div>
<div class="w3-content w3-display-container" style="max-width:800px">
<img class="mySlides" src="http://www.ryoiireview.com/upload/article/201703/1488945410_34020849faca658a8453097467307209.jpg" style="width:100%">
<img class="mySlides" src="https://daily.rabbitstatic.com/wp-content/uploads/2017/05/feature_%E0%B9%80%E0%B8%A1%E0%B8%99%E0%B8%B9%E0%B8%82%E0%B9%89%E0%B8%B2%E0%B8%A7%E0%B8%9C%E0%B8%B1%E0%B8%94.jpg" style="width:100%">
<img class="mySlides" src="https://img.wongnai.com/p/1920x0/2013/07/01/43ec27eb3c544104b95e859241d20496.jpg" style="width:100%">
<div class="w3-center w3-container w3-section w3-large w3-text-white w3-display-bottommiddle" style="width:100%">
<div class="w3-left w3-hover-text-khaki" onclick="plusDivs(-1)">&#10094;</div>
<div class="w3-right w3-hover-text-khaki" onclick="plusDivs(1)">&#10095;</div>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(3)"></span>
</div>
</div>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function currentDiv(n) {
showDivs(slideIndex = n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" w3-white", "");
}
x[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " w3-white";
}
</script>
</body>
</html>
week05/windowapp/package.json
View file @ a8b07bfd
...@@ -4,8 +4,7 @@ ...@@ -4,8 +4,7 @@
"description": "", "description": "",
"main": "main.js", "main": "main.js",
"scripts": { "scripts": {
"app": " ./node_modules/electron/dist/electron .", "app": "./node_modules/.bin/electron .",
"อันตราย": "re -rf *",
"touch": "touch สวัสดี", "touch": "touch สวัสดี",
"echo": "echo สวัสดี", "echo": "echo สวัสดี",
"test": "echo \"Error: no test specified\" && exit 1", "test": "echo \"Error: no test specified\" && exit 1",
......
week05/windowapp/สวัสดี
View file @ a8b07bfd
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment