From 8644699f4d2fce12a41289f9627bc45be9dd1965 Mon Sep 17 00:00:00 2001 From: Nguyễn Gia Phong Date: Thu, 3 Dec 2020 09:32:13 +0700 Subject: [usth/ICT3.2] Develop web applications --- usth/ICT3.2/prac/1/images/cat/lick-vet-penis.png | Bin 0 -> 99709 bytes usth/ICT3.2/prac/1/images/cat/lsd-dragon.jpg | Bin 0 -> 33477 bytes usth/ICT3.2/prac/1/images/cat/nailed-moonwalk.gif | Bin 0 -> 6451497 bytes usth/ICT3.2/prac/1/images/cat/not-exist.jpg | Bin 0 -> 18677 bytes usth/ICT3.2/prac/1/images/cat/oh.gif | Bin 0 -> 544990 bytes usth/ICT3.2/prac/1/images/cat/ooer.jpg | Bin 0 -> 51444 bytes usth/ICT3.2/prac/1/images/cat/pan.jpg | Bin 0 -> 67406 bytes usth/ICT3.2/prac/1/images/communist/black-hole.png | Bin 0 -> 60765 bytes usth/ICT3.2/prac/1/images/communist/harry.jpg | Bin 0 -> 22849 bytes usth/ICT3.2/prac/1/images/communist/nike.jpg | Bin 0 -> 63107 bytes usth/ICT3.2/prac/1/images/communist/propaganda.jpg | Bin 0 -> 67332 bytes usth/ICT3.2/prac/1/images/communist/sky.jpg | Bin 0 -> 26057 bytes usth/ICT3.2/prac/1/images/dog/centipede.png | Bin 0 -> 192938 bytes usth/ICT3.2/prac/1/images/dog/couple.jpg | Bin 0 -> 141426 bytes usth/ICT3.2/prac/1/images/dog/deliver.jpg | Bin 0 -> 310496 bytes usth/ICT3.2/prac/1/images/dog/fight.gif | Bin 0 -> 1982664 bytes usth/ICT3.2/prac/1/images/dog/hit-karate-dad.jpg | Bin 0 -> 58578 bytes usth/ICT3.2/prac/1/images/dog/pic.jpg | Bin 0 -> 129007 bytes usth/ICT3.2/prac/1/images/doggo-think.jpg | Bin 0 -> 10527 bytes usth/ICT3.2/prac/1/images/thalos.jpg | Bin 0 -> 8666 bytes usth/ICT3.2/prac/1/images/thumb-up.webp | Bin 0 -> 8428 bytes usth/ICT3.2/prac/1/labwork.pdf | Bin 0 -> 211497 bytes usth/ICT3.2/prac/1/task1.html | 11 +++ usth/ICT3.2/prac/1/task10.html | 44 ++++++++++++ usth/ICT3.2/prac/1/task11.css | 63 ++++++++++++++++ usth/ICT3.2/prac/1/task11.html | 31 ++++++++ usth/ICT3.2/prac/1/task11.js | 17 +++++ usth/ICT3.2/prac/1/task2.html | 79 +++++++++++++++++++++ usth/ICT3.2/prac/1/task3.html | 14 ++++ usth/ICT3.2/prac/1/task4.html | 14 ++++ usth/ICT3.2/prac/1/task5.html | 43 +++++++++++ usth/ICT3.2/prac/1/task6.css | 21 ++++++ usth/ICT3.2/prac/1/task6.html | 37 ++++++++++ usth/ICT3.2/prac/1/task7.html | 10 +++ usth/ICT3.2/prac/1/task8.html | 13 ++++ usth/ICT3.2/prac/1/task9.html | 45 ++++++++++++ 36 files changed, 442 insertions(+) create mode 100644 usth/ICT3.2/prac/1/images/cat/lick-vet-penis.png create mode 100644 usth/ICT3.2/prac/1/images/cat/lsd-dragon.jpg create mode 100644 usth/ICT3.2/prac/1/images/cat/nailed-moonwalk.gif create mode 100644 usth/ICT3.2/prac/1/images/cat/not-exist.jpg create mode 100644 usth/ICT3.2/prac/1/images/cat/oh.gif create mode 100644 usth/ICT3.2/prac/1/images/cat/ooer.jpg create mode 100644 usth/ICT3.2/prac/1/images/cat/pan.jpg create mode 100644 usth/ICT3.2/prac/1/images/communist/black-hole.png create mode 100644 usth/ICT3.2/prac/1/images/communist/harry.jpg create mode 100644 usth/ICT3.2/prac/1/images/communist/nike.jpg create mode 100644 usth/ICT3.2/prac/1/images/communist/propaganda.jpg create mode 100644 usth/ICT3.2/prac/1/images/communist/sky.jpg create mode 100644 usth/ICT3.2/prac/1/images/dog/centipede.png create mode 100644 usth/ICT3.2/prac/1/images/dog/couple.jpg create mode 100644 usth/ICT3.2/prac/1/images/dog/deliver.jpg create mode 100644 usth/ICT3.2/prac/1/images/dog/fight.gif create mode 100644 usth/ICT3.2/prac/1/images/dog/hit-karate-dad.jpg create mode 100644 usth/ICT3.2/prac/1/images/dog/pic.jpg create mode 100644 usth/ICT3.2/prac/1/images/doggo-think.jpg create mode 100644 usth/ICT3.2/prac/1/images/thalos.jpg create mode 100644 usth/ICT3.2/prac/1/images/thumb-up.webp create mode 100644 usth/ICT3.2/prac/1/labwork.pdf create mode 100644 usth/ICT3.2/prac/1/task1.html create mode 100644 usth/ICT3.2/prac/1/task10.html create mode 100644 usth/ICT3.2/prac/1/task11.css create mode 100644 usth/ICT3.2/prac/1/task11.html create mode 100644 usth/ICT3.2/prac/1/task11.js create mode 100644 usth/ICT3.2/prac/1/task2.html create mode 100644 usth/ICT3.2/prac/1/task3.html create mode 100644 usth/ICT3.2/prac/1/task4.html create mode 100644 usth/ICT3.2/prac/1/task5.html create mode 100644 usth/ICT3.2/prac/1/task6.css create mode 100644 usth/ICT3.2/prac/1/task6.html create mode 100644 usth/ICT3.2/prac/1/task7.html create mode 100644 usth/ICT3.2/prac/1/task8.html create mode 100644 usth/ICT3.2/prac/1/task9.html (limited to 'usth/ICT3.2/prac/1') diff --git a/usth/ICT3.2/prac/1/images/cat/lick-vet-penis.png b/usth/ICT3.2/prac/1/images/cat/lick-vet-penis.png new file mode 100644 index 0000000..27ecf70 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/cat/lick-vet-penis.png differ diff --git a/usth/ICT3.2/prac/1/images/cat/lsd-dragon.jpg b/usth/ICT3.2/prac/1/images/cat/lsd-dragon.jpg new file mode 100644 index 0000000..be8f84a Binary files /dev/null and b/usth/ICT3.2/prac/1/images/cat/lsd-dragon.jpg differ diff --git a/usth/ICT3.2/prac/1/images/cat/nailed-moonwalk.gif b/usth/ICT3.2/prac/1/images/cat/nailed-moonwalk.gif new file mode 100644 index 0000000..13df92d Binary files /dev/null and b/usth/ICT3.2/prac/1/images/cat/nailed-moonwalk.gif differ diff --git a/usth/ICT3.2/prac/1/images/cat/not-exist.jpg b/usth/ICT3.2/prac/1/images/cat/not-exist.jpg new file mode 100644 index 0000000..2ae228e Binary files /dev/null and b/usth/ICT3.2/prac/1/images/cat/not-exist.jpg differ diff --git a/usth/ICT3.2/prac/1/images/cat/oh.gif b/usth/ICT3.2/prac/1/images/cat/oh.gif new file mode 100644 index 0000000..b9c2603 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/cat/oh.gif differ diff --git a/usth/ICT3.2/prac/1/images/cat/ooer.jpg b/usth/ICT3.2/prac/1/images/cat/ooer.jpg new file mode 100644 index 0000000..836ef62 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/cat/ooer.jpg differ diff --git a/usth/ICT3.2/prac/1/images/cat/pan.jpg b/usth/ICT3.2/prac/1/images/cat/pan.jpg new file mode 100644 index 0000000..300070f Binary files /dev/null and b/usth/ICT3.2/prac/1/images/cat/pan.jpg differ diff --git a/usth/ICT3.2/prac/1/images/communist/black-hole.png b/usth/ICT3.2/prac/1/images/communist/black-hole.png new file mode 100644 index 0000000..c763709 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/communist/black-hole.png differ diff --git a/usth/ICT3.2/prac/1/images/communist/harry.jpg b/usth/ICT3.2/prac/1/images/communist/harry.jpg new file mode 100644 index 0000000..6423fb5 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/communist/harry.jpg differ diff --git a/usth/ICT3.2/prac/1/images/communist/nike.jpg b/usth/ICT3.2/prac/1/images/communist/nike.jpg new file mode 100644 index 0000000..3a2e448 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/communist/nike.jpg differ diff --git a/usth/ICT3.2/prac/1/images/communist/propaganda.jpg b/usth/ICT3.2/prac/1/images/communist/propaganda.jpg new file mode 100644 index 0000000..745f755 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/communist/propaganda.jpg differ diff --git a/usth/ICT3.2/prac/1/images/communist/sky.jpg b/usth/ICT3.2/prac/1/images/communist/sky.jpg new file mode 100644 index 0000000..c3d6d37 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/communist/sky.jpg differ diff --git a/usth/ICT3.2/prac/1/images/dog/centipede.png b/usth/ICT3.2/prac/1/images/dog/centipede.png new file mode 100644 index 0000000..0eea844 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/dog/centipede.png differ diff --git a/usth/ICT3.2/prac/1/images/dog/couple.jpg b/usth/ICT3.2/prac/1/images/dog/couple.jpg new file mode 100644 index 0000000..d0bb753 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/dog/couple.jpg differ diff --git a/usth/ICT3.2/prac/1/images/dog/deliver.jpg b/usth/ICT3.2/prac/1/images/dog/deliver.jpg new file mode 100644 index 0000000..5dbe387 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/dog/deliver.jpg differ diff --git a/usth/ICT3.2/prac/1/images/dog/fight.gif b/usth/ICT3.2/prac/1/images/dog/fight.gif new file mode 100644 index 0000000..b3e0db6 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/dog/fight.gif differ diff --git a/usth/ICT3.2/prac/1/images/dog/hit-karate-dad.jpg b/usth/ICT3.2/prac/1/images/dog/hit-karate-dad.jpg new file mode 100644 index 0000000..10dfcf4 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/dog/hit-karate-dad.jpg differ diff --git a/usth/ICT3.2/prac/1/images/dog/pic.jpg b/usth/ICT3.2/prac/1/images/dog/pic.jpg new file mode 100644 index 0000000..850f587 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/dog/pic.jpg differ diff --git a/usth/ICT3.2/prac/1/images/doggo-think.jpg b/usth/ICT3.2/prac/1/images/doggo-think.jpg new file mode 100644 index 0000000..c64f967 Binary files /dev/null and b/usth/ICT3.2/prac/1/images/doggo-think.jpg differ diff --git a/usth/ICT3.2/prac/1/images/thalos.jpg b/usth/ICT3.2/prac/1/images/thalos.jpg new file mode 100644 index 0000000..97ac41b Binary files /dev/null and b/usth/ICT3.2/prac/1/images/thalos.jpg differ diff --git a/usth/ICT3.2/prac/1/images/thumb-up.webp b/usth/ICT3.2/prac/1/images/thumb-up.webp new file mode 100644 index 0000000..adfa98d Binary files /dev/null and b/usth/ICT3.2/prac/1/images/thumb-up.webp differ diff --git a/usth/ICT3.2/prac/1/labwork.pdf b/usth/ICT3.2/prac/1/labwork.pdf new file mode 100644 index 0000000..14c8aa6 Binary files /dev/null and b/usth/ICT3.2/prac/1/labwork.pdf differ diff --git a/usth/ICT3.2/prac/1/task1.html b/usth/ICT3.2/prac/1/task1.html new file mode 100644 index 0000000..7c9433a --- /dev/null +++ b/usth/ICT3.2/prac/1/task1.html @@ -0,0 +1,11 @@ + + + +

The Bachelor program is an importnt part of USTH.

+

+ It is applying the European Credit Transfer and Accumulation System (ECTS) + as in most of European countries, with the study program corresponds to + 180 Credits in 3 years (60 Credits/year). +

+ + diff --git a/usth/ICT3.2/prac/1/task10.html b/usth/ICT3.2/prac/1/task10.html new file mode 100644 index 0000000..04750d3 --- /dev/null +++ b/usth/ICT3.2/prac/1/task10.html @@ -0,0 +1,44 @@ + + + + +
+
+
+
+
+
+
+
+ + diff --git a/usth/ICT3.2/prac/1/task11.css b/usth/ICT3.2/prac/1/task11.css new file mode 100644 index 0000000..dc06cc2 --- /dev/null +++ b/usth/ICT3.2/prac/1/task11.css @@ -0,0 +1,63 @@ +* { box-sizing: border-box } + +body { margin: 0 } + +header, nav, article, footer { + background-color: #5b9bd5; + color: white; + margin: 1vh 1vw; +} + +header, footer { + width: 96vw; + text-align: center; +} + +nav, article { + float: left; + height: 60vh; +} + +header { + height: 20vh; + line-height: 20vh; +} + +nav { width: 25vw } + +article { width: 69vw } + +footer { + height: 10vh; + line-height: 10vh; +} + +@media (max-width: 690px) { + nav, article { + width: 96vw; + height: auto; + } +} + +section:after { + content: ''; + display: table; + clear: both; +} + +p, img { margin: 1em } + +.box { + border: 2px solid #cbcbcb; + background-color: #538135; + text-align: center; + padding: 0.5em; +} + +img { + width: 10vw; + height: 10vw; + border: 2px solid #cbcbcb; +} + +a { text-decoration: none } diff --git a/usth/ICT3.2/prac/1/task11.html b/usth/ICT3.2/prac/1/task11.html new file mode 100644 index 0000000..a169dca --- /dev/null +++ b/usth/ICT3.2/prac/1/task11.html @@ -0,0 +1,31 @@ + + + + + + +
+

Banner

+

+ +
+ + +
+
+ + + + + + + diff --git a/usth/ICT3.2/prac/1/task11.js b/usth/ICT3.2/prac/1/task11.js new file mode 100644 index 0000000..55d7eba --- /dev/null +++ b/usth/ICT3.2/prac/1/task11.js @@ -0,0 +1,17 @@ +const files = {'cat': ['lick-vet-penis.png', 'lsd-dragon.jpg', + 'nailed-moonwalk.gif', 'not-exist.jpg', + 'oh.gif', 'ooer.jpg', 'pan.jpg'], + 'communist': ['black-hole.png', 'harry.jpg', + 'nike.jpg', 'propaganda.jpg', 'sky.jpg'], + 'dog': ['centipede.png', 'couple.jpg', 'deliver.jpg', + 'fight.gif', 'hit-karate-dad.jpg', 'pic.jpg']} + +function cb(id) { + let content = '

My name is Nguyễn Gia Phong

'; + if (id != 'about') + content = files[id].map(file => ` + + + `).join(''); + return () => document.getElementById('foobar').innerHTML = content; +} diff --git a/usth/ICT3.2/prac/1/task2.html b/usth/ICT3.2/prac/1/task2.html new file mode 100644 index 0000000..92f9da0 --- /dev/null +++ b/usth/ICT3.2/prac/1/task2.html @@ -0,0 +1,79 @@ + + + +

My favorite movies

+
    +
  1. American Hustle
    2. +
  2. American Psycho
    3. +
  3. American Ultra
    4. +
  4. A Quiet Place
    5. +
  5. A Simple Favor
    6. +
  6. Blade Runner 2049
    7. +
  7. Blender
    8. +
  8. Borat
    9. +
  9. Chronicle
    10. +
  10. Coraline
    11. +
  11. Django Unchained
    12. +
  12. Donnie Darko
    13. +
  13. Equilibrium
    14. +
  14. Euphoria
    15. +
  15. Fight Club
    16. +
  16. Friends with Benefits
    17. +
  17. From Beijing with Love
    18. +
  18. Get Smart
    19. +
  19. Identity
    20. +
  20. Inception
    21. +
  21. Inglourious Basterds
    22. +
  22. Interstellar
    23. +
  23. Jennifers Body
    24. +
  24. Joker
    25. +
  25. Keeping Up with the Joneses
    26. +
  26. Kung Fu Hustle
    27. +
  27. Leon The Professional
    28. +
  28. Maleficent: Mistress Of Evil
    29. +
  29. Mr and Mrs Smith
    30. +
  30. Mr Right
    31. +
  31. Mr Robot
    32. +
  32. My Days of Mercy
    33. +
  33. Nocturnal Animals
    34. +
  34. Pokemon: Detective Pikachu
    35. +
  35. Pulp Fiction
    36. +
  36. Red
    37. +
  37. Rubber
    38. +
  38. Scary Movies
    39. +
  39. Spider-Man: Far From Home
    40. +
  40. Spider-Man: Into the Spider-Verse
    41. +
  41. Splice
    42. +
  42. Spy Intervention
    43. +
  43. Taxi
    44. +
  44. The Bourne Identity
    45. +
  45. The Dark Knight
    46. +
  46. The Game
    47. +
  47. The Hunger Games
    48. +
  48. The Island
    49. +
  49. The Silence of the Lambs
    50. +
  50. The Texas Chainsaw Massacre
    51. +
  51. The Wrestler
    52. +
  52. Three Flavours Cornetto
    53. +
  53. Underworld
    54. +
  54. Unleashed
    55. +
  55. Up In The Air
    56. +
  56. Wreck-It Ralph
    57. +
  57. X-Men: Days of Future Past
    58. +
  58. X-Men: First Class
    59. +
  59. Zathura: A Space Adventure
    60. +
+

Subjects I'm studying this semester

+ + + diff --git a/usth/ICT3.2/prac/1/task3.html b/usth/ICT3.2/prac/1/task3.html new file mode 100644 index 0000000..01423e4 --- /dev/null +++ b/usth/ICT3.2/prac/1/task3.html @@ -0,0 +1,14 @@ + + + + + + + + + diff --git a/usth/ICT3.2/prac/1/task4.html b/usth/ICT3.2/prac/1/task4.html new file mode 100644 index 0000000..26f5329 --- /dev/null +++ b/usth/ICT3.2/prac/1/task4.html @@ -0,0 +1,14 @@ + + + + + + + + + diff --git a/usth/ICT3.2/prac/1/task5.html b/usth/ICT3.2/prac/1/task5.html new file mode 100644 index 0000000..30691a6 --- /dev/null +++ b/usth/ICT3.2/prac/1/task5.html @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/usth/ICT3.2/prac/1/task6.css b/usth/ICT3.2/prac/1/task6.css new file mode 100644 index 0000000..b08a136 --- /dev/null +++ b/usth/ICT3.2/prac/1/task6.css @@ -0,0 +1,21 @@ +html { + padding-bottom: 4em; +} + +body { + font-family: sans-serif; + line-height: 1.5em; + max-width: 40em; + padding: 0 2%; + margin: auto; + background-color: #eeeeec; + color: #2e3436; +} + +a { + color: #204a87; +} + +h1, h2, h3 { + line-height: 1.2em; +} diff --git a/usth/ICT3.2/prac/1/task6.html b/usth/ICT3.2/prac/1/task6.html new file mode 100644 index 0000000..a2a166a --- /dev/null +++ b/usth/ICT3.2/prac/1/task6.html @@ -0,0 +1,37 @@ + + + + + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim + veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. Duis aute irure dolor in reprehenderit in voluptate + velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat + cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id + est laborum. +

+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium + doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore + veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim + ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia + consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque + porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, + adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore + et dolore magnam aliquam quaerat voluptatem. +

+

+ Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis + suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem + vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil + molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla + pariatur? +

+ + diff --git a/usth/ICT3.2/prac/1/task7.html b/usth/ICT3.2/prac/1/task7.html new file mode 100644 index 0000000..82782eb --- /dev/null +++ b/usth/ICT3.2/prac/1/task7.html @@ -0,0 +1,10 @@ + + + + + + + diff --git a/usth/ICT3.2/prac/1/task8.html b/usth/ICT3.2/prac/1/task8.html new file mode 100644 index 0000000..ec64663 --- /dev/null +++ b/usth/ICT3.2/prac/1/task8.html @@ -0,0 +1,13 @@ + + + + + Foo + was here, + xyzzy + + diff --git a/usth/ICT3.2/prac/1/task9.html b/usth/ICT3.2/prac/1/task9.html new file mode 100644 index 0000000..22ec14f --- /dev/null +++ b/usth/ICT3.2/prac/1/task9.html @@ -0,0 +1,45 @@ + + + + + +
MondayTuesdayWednesdayThursdayFriday
MorningMathChemistryMobileHistory
AfternoonPhysics
+ + + + + + + + + + + + + + + + + + + + + + + + + + -- cgit 1.4.1
SubjectECTS
Math3
Physics5
Chemistry4
English3