API tools faq
paste
kay_kodes

Karya Coding - Kayla Lauren Sudharyanto 8D/22

kay_kodes
Apr 27th, 2022
24
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.74 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <center>
  3. <link href='https://fonts.googleapis.com/css?family=Almendra SC' rel='stylesheet'>
  4. <style>
  5. /*Scrollbar*/
  6. ::-webkit-scrollbar {width: 0px;}
  7. ::-webkit-scrollbar-thumb {background: #fff;}
  8. ::-webkit-scrollbar-thumb:hover {background: #fff;}
  9. .box{
  10. position: relative;
  11. text-align: center;
  12.  
  13. }
  14. /* From cssbuttons.io */
  15. button {
  16. align-items: center;
  17. justify-content: center;
  18. gap: 10px;
  19. font-family: inherit;
  20. font-size: 13px;
  21. font-weight: 500;
  22. text-transform: uppercase;
  23. letter-spacing: 0.4px;
  24. color: #e3dac9;
  25. height: 100px;
  26. width: 100px;
  27. background-color: #d1bea8;
  28.  
  29. border-style: double;
  30. border-width: 5px;
  31. border-color: #e3dac9;
  32. border-radius: 50%;
  33. padding: 16px 24px 16px 28px;
  34. transform: translate(0px, 0px) rotate(0deg);
  35. transition: 0.2s;
  36. box-shadow: -4px -2px 16px 0px #b38b6d, 4px 2px 16px 0px #b38b6d;
  37. }
  38.  
  39. button:hover {
  40. color: #516d91;
  41. background-color: #e0d0bc;
  42. box-shadow: -2px -1px 8px 0px #c3b091, 2px 1px 8px 0px #c3b091;
  43. }
  44.  
  45. button:active {
  46. box-shadow: none;
  47.  
  48. }
  49. .booktitle{
  50. font-family:'Sacramento';
  51. font-size:80px;
  52. color:#00539c;
  53. position: absolute;
  54. top: 50%;
  55. left: 50%;
  56. transform: translate(-50%, -50%);
  57. }
  58. .page{
  59. text-decoration: none;
  60. color:black;
  61. overflow: auto;
  62. padding: 10px
  63. }
  64. .columnone{
  65. border-color: #fff;
  66. border: 10px;
  67. width: 200px;
  68. height: 700px;
  69. float: left;
  70.  
  71.  
  72. }
  73. .columntwo{
  74. width: 500px;
  75. height: 900px;
  76. overflow: auto;
  77. color: #000;
  78. text-align: justify;
  79.  
  80. }
  81. .assignment-box{
  82. float: center;
  83. text-align: center;
  84. font-size: 15px;
  85. max-width: 100%;
  86. max-height:100%;
  87. border: 5px #e3dac9 double;
  88. overflow: auto;
  89. background-color: #d1bea8;
  90.  
  91.  
  92. }
  93. .requirements-box{
  94. float: center;
  95. text-align: center;
  96. font-size: 15px;
  97. max-width: 100%;
  98. max-height:100%;
  99. border: 5px #e3dac9 double;
  100. overflow: auto;
  101. background-color: #d1bea8;
  102. margin-top:10px
  103. }
  104. .notes-box{
  105. float: center;
  106. text-align: center;
  107. font-size: 15px;
  108. max-width: 100%;
  109. max-height:100%;
  110. border: 5px #e3dac9 double;
  111. overflow: auto;
  112. background-color: #d1bea8;
  113. margin-top:10px
  114. }
  115.  
  116. </style>
  117. <a name="one">
  118. <div style="background:#faf0e6;border:10px double #d1bea8;width:720px;height:810px;border-radius:0px;overflow:auto">
  119. <div class="box">
  120. <center>
  121. <img src="https://fontmeme.com/permalink/220413/db15c73aacd6181f0d0c0a48a2e1d61b.png" alt="style-script-font" border="0" style="margin-top:30px; width:650px;margin-bottom:10px">
  122. </center></div>
  123.  
  124. <div class="columnone">
  125. <div style="background: #faf0e6;padding:5%;border:#faf0e6 2px double;width:175px;height:700px;float:left;margin-right:10px;margin-left:4px;margin-top:25px">
  126. <center>
  127. <div class="tab">
  128. <button class="tablinks" onclick="openCity(event, 'one')" id="defaultOpen" style="color:#fff"></button><br><br>
  129.  
  130. <button class="tablinks" onclick="openCity(event, 'two')" style="color:#fff"></button><br><br>
  131.  
  132. <button class="tablinks" onclick="openCity(event, 'three')" style="color:#fff"></button><br><br>
  133.  
  134. <img src="https://cdn.discordapp.com/attachments/871345898469355533/963683233734729738/IMG-20220407-WA0014.jpeg" style="width:180px;height:180px;border: 5px double #e3dac9">
  135. <br>
  136. <img src="https://cdn.discordapp.com/attachments/871345898469355533/964940007624306738/logo_2-removebg-preview.png" style="width:180px;height:180px;border: 0px double #e3dac9">
  137. <br>
  138. <img src="https://cdn.discordapp.com/attachments/871345898469355533/963680419709091880/unknown.png" style="width:180px;height:180px;border: 5px double #e3dac9">
  139. </div>
  140. </div>
  141. </div>
  142.  
  143. <div class="columntwo">
  144. <div id="one" class="tabcontent">
  145. <div style="margin-left: 10px;margin-right:10px ">
  146. <center><h2><img src="https://fontmeme.com/permalink/220413/0fc70f780b73154e65dbdefe70f2aecc.png" alt="style-script-font" border="0" style="margin-top:10px;width:420px"></h2></center>
  147. <center><b>Gwen 8D/19 - PJJ</b>
  148. </center>
  149. <p>Saya lebih menyukai sekolah secara offline atau tatap muka. Ada banyak alasan mengapa saya lebih menyukai hal tersebut: Lebih mudah dalam berkomunikasi atau menjalin hubungan dengan guru dan teman, Lebih ada perasaan bebas jika bisa bertemu teman. Ada banyak benefit yanb diperoleh jika bisa bertemu teman. Contohnya, punya teman ngobrol, punya teman main, punya teman curhat, bisa saling membantu/menolong, dan lain-lain. Dan hal ini yang menurut saya sedikit sulit dilakukan jika sekolah secara online, walaupun tetap bisa dilakukan, namun lebih membutuhkan effort lebih. Selain itu, siswa lebih mudah memahami karakter teman jika bersekolah secara offline atau tatap muka, dll.</p>
  150. <p> <center><b>Kelebihan Offline (Menurut Gwen)</b>
  151. </center></p>
  152. <p>• Guru benar2 bisa melihat perkembangan murid secara langsung melalui progres dan hasil kerja murid yang murni. Dimana dalam proses dan hasil kerja siswa, tidak ada campur tangan orang lain selain guru (nyontek).<br>
  153. • Guru juga lebih bisa melihat dan menghandle perilaku siswa atau tindakan yg dilakukan siswa.<br>
  154. • Siswa dituntut atau "dipaksa" untuk bekerja secara jujur.<br>
  155. • Karena jika bersekolah secara online, akan mempengaruhi psikologis/mental siswa. Misalnya, siswa menjadi lebih tertutup, anti sosial, timbul rasa berbagai rasa takut (takut untuk berteman, dll), overthinking, dan lain-lain. <br>
  156. • Dan lain-lain</p>
  157.  
  158. <p> <center><b>Kekurangan Offline (Menurut Gwen)</b>
  159. </center></p>
  160. <p>• Jika ingin pergi ke sekolah, memerlukan jarak dan waktu tempuh, uang transport, dan transportasinya.<br>
  161. • Karena saat ini sedang ada Covid-19, jadi jika bersekolah secara offline, lebih beresiko tertular Covid.<br>
  162. • Terbatas dalam pengetahuan mengenai teknologi. <br>
  163. • Adanya sarana dan prasarana yang harus dilakukan. Contohnya, adanya protokol kesehatan, sehingga harus ada biaya yang dikeluarkan untuk tempat cuci tangan, hand sanitizer, masker, face shield, dan pengukur suhu.<br>
  164. • Dan lain-lain</p>
  165.  
  166. <p>Saya menantikan untuk pergi ke sekolah secara offline 100%. Hal ini dikarenakan saya ingin merasakan lagi rasanya menjadi pelajar. Karena selama belajar secara online, perasaan bahwa saya seorang pelajar tidak begitu terasa. Selain itu, saya ingin merasakan kembali lingkungan sekolah. Lalu, saya juga ingin bertemu dengan teman-teman, bisa ngobrol secara langsung. Dan lain-lain.</p>
  167.  
  168. <center><p><b>Kenya 8D/24 - PTMT</b></center>
  169.  
  170. <p> Saya lebih suka sekolah offline sih, karenaa lebih kerasa feel nya kalo lagi sekolah.. apalagi belajarnya di depan papan tulis gitu kan jadi kerasanya materi lebih masuk dan lebih paham entah kenapa wkwkwk</p>
  171. <p>Kelebihan belajar offline itu sebenernya banyakkk, kayak bisa ketemu temen sama guru yg dari dulu blom pernah ketemu, terus bisa belajar di sekolah dan materinya kerasa lebih jelas dan mudah dipahami. Kalo kekurangannya yaa, pastinya merasa kurang aman karena kondisi masih pandemi kann, dan harus usaha extra buat bangun pagi, berangkat pagi, dll masih belum terbiasa karena masih PTMT belum rutin gt belajar offline nya.
  172. </p>
  173. <p> Tentu saja saya menantikannya, apalagi kalau sudah PTMT 100% tidak dibagi per kelompok lagi dan bisa bertemu seluruh teman sekelas secara bersama sama, itu pasti akan seru dan menarik.</p>
  174. <p>Hal paling menarik yang saya lakukan selama PTMT adalah, saya dan teman teman kelompok 2 ptmt sempat foto bersama guru guru pada jam istirahat. Pengalaman ini semakin terasa istimewa dan menarik, karena ternyata teman teman kelompok 1 ptmt tidak mengalaminya jadi saya merasa beruntung wkwkwk</p>
  175. </div>
  176. </div>
  177. <br>
  178.  
  179.  
  180. <div id="two" class="tabcontent">
  181. <div style="margin-left: 10px">
  182. <center><h2><img src="https://fontmeme.com/permalink/220413/6aeedddb5e01ad6c643dfa391e50f750.png" alt="style-script-font" border="0" style="margin-top:10px;width:300px"></h2></center>
  183. <center>
  184. Saya sangat gugup dan bersemangat untuk pergi ke sekolah. Saya tidak percaya itu benar-benar 2 tahun sejak saya pergi ke sekolah offline. Orang tua saya tidak dapat membawa saya jadi saya meminta kakek-nenek saya mengantar saya ke sekolah. Menariknya, ayah dan bibi saya dulu juga pergi ke Santa Ursula. Jadi itu membuat saya Gen 2 haha. Ketika saya akhirnya tiba, saya sangat senang melihat guru dan teman-teman saya yang hanya bisa saya lihat di layar. Ini seperti membuat sahabat pena asing dan akhirnya bertemu langsung dengan mereka. Itu adalah pengalaman baru dan akan membiasakan diri, tetapi saya bersemangat untuk offline setiap hari! Ini akan menarik dan baru dan mudah diingat.</p>
  185. <p>Teman-teman saya sangat tinggi dan tidak seperti yang biasa saya lihat di layar. Kelas saya cukup tenang dan agak pemalu pada awalnya. Tapi itu wajar. Saya sangat merindukan pergi ke sekolah secara offline dan itu adalah penyegaran yang sempurna setelah sekian lama di rumah.</p>
  186. <img src="https://cdn.discordapp.com/attachments/871345898469355533/963681416472846366/unknown.png" style="width: 400px;height:200px;border: 5px double #fff"><br>
  187. <br>
  188. <img src="https://cdn.discordapp.com/attachments/871345898469355533/963681472118661180/unknown.png" style="width: 400px;height:200px;border: 5px double #fff"><br>
  189. <br>
  190. <img src="https://cdn.discordapp.com/attachments/871345898469355533/963681511842934824/unknown.png" style="width: 400px;height:200px;border: 5px double #fff"><br>
  191. <br>
  192. </center>
  193. <div>
  194. </div>
  195. <br></div></div>
  196.  
  197.  
  198. <div id="three" class="tabcontent">
  199. <div style="margin-left: 10px">
  200. <center><h2><img src="https://fontmeme.com/permalink/220413/2f0157abc6c830b7f4ceaeb0f4274866.png" alt="style-script-font" border="0" style="margin-top:10px;width:300px"></h2></center>
  201. <center><img src="https://cdn.discordapp.com/attachments/871345898469355533/963691597994786816/unknown.png" style="width: 400px;height:200px;border: 5px double #fff"><br>
  202. <br></center>
  203. Ketika saya pergi ke sekolah offline, itu pasti getaran yang berbeda. Kami belajar di lantai dua dan ketika saya tiba beberapa siswa lain dari kelas saya dan yang lain sudah ada di sana. Sebagian besar siswa lain di luar 8D cukup ramai dan sepertinya mereka saling mengenal dengan baik.
  204.  
  205. <p>Bu Rianti dan beberapa guru juga menganggap beberapa dari kami terlihat berbeda dari yang biasanya kami lihat di kamera atau zoom. Saya pasti berpikir sama. Banyak siswa yang sangat tinggi. Kelas saya cukup malu pada awalnya, saya pikir. Tidak banyak yang mengobrol tapi itu yang diduga pada hari pertama PTMT.</p>
  206.  
  207. <p>Kami bertemu dengan beberapa guru kami yang lain hari itu juga. Meskipun kami hanya memiliki Matematika dan IPA dengan Bu Dionisia (Matematika) dan Pak Toga dan Bu Rustanti (IPA). Saya ingat melihat Bu Enung yang 8D-yah, wali kelas 7D tahun lalu. Saya juga mengenal Bu Theo (Agama) dan Pak Hari (IPS).</p>
  208. <center><img src="https://cdn.discordapp.com/attachments/871345898469355533/963680547517894656/unknown.png" style="width: 400px;height:200px;border: 5px double #fff"></center>
  209.  
  210. <p><center><b>POV Pak Seno</b></center></p>
  211. <div class="notes-box">
  212.  
  213. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  214.  
  215. <summary style="font-size:px;font-weight:bold">
  216. <div class="body">
  217. <center><img src="https://fontmeme.com/permalink/220413/a7ca58f9bdafbbad7a0371c3940449d2.png" style="width:300px;margin-left:;margin-top:1px">
  218. </div> </summary>
  219. <div style="margin-left:10px">
  220. <p>
  221. Perasaan saya bertemu dgn siswa ketika PTMT sangat senang. Akhirnya setelah 2 tahun sekolah ini kosong sekarang saya bisa mendengar suara ceria anak-anak yg sedang bersenda gurau dengan teman-temannya saat istirahat. Saya juga sangat terkejut ketika melihat mereka sudah lebih tinggi dari saya. Semoga sekolah segera dibuka utk 100% PTM ya!
  222. </p></div></details>
  223. </div>
  224.  
  225. <p><center><b>POV Bu Rianti</b></center></p>
  226. <div class="notes-box">
  227.  
  228. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  229.  
  230. <summary style="font-size:px;font-weight:bold">
  231. <div class="body">
  232. <center><img src="https://fontmeme.com/permalink/220428/7c9837f0ecd1554320ba3b7d326f952b.png" style="width:300px;margin-left:;margin-top:1px">
  233. </div> </summary>
  234. <div style="margin-left:10px">
  235. <p>
  236. Perasaan Ibu pertama kali liat anak-anak itu senang banget, semangat banget, dan terharu karena selama ini melihat hanya dari zoom, layar kecil, dan ketemu langsung. Agak bingung juga mau mulai pembicaraan karena terpecah pikiran untuk ngajar selanjutnya. Hahahaha...makanya butuh waktu perwalian nih pas PTMT...Hahahaha
  237. </p></div></details>
  238. </div>
  239.  
  240. <div>
  241. </div>
  242. <br></div></div></div></div>
  243.  
  244. <div><center><a href="https://kkodes.wixsite.com/dreamer" style="color:#000;font-size:12px;"><b><u>by kayla sudharyanto (22)</u></b></a></center>
  245.  
  246. <link rel="preconnect" href="https://fonts.googleapis.com">
  247. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  248. <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
  249. <script>
  250. function openCity(evt, cityName) {
  251. var i, tabcontent, tablinks;
  252. tabcontent = document.getElementsByClassName("tabcontent");
  253. for (i = 0; i < tabcontent.length; i++) {
  254. tabcontent[i].style.display = "none";
  255. }
  256. tablinks = document.getElementsByClassName("tablinks");
  257. for (i = 0; i < tablinks.length; i++) {
  258. tablinks[i].className = tablinks[i].className.replace(" active", "");
  259. }
  260. document.getElementsByClassName("tablinks");
  261. for (i = 0; i < tablinks.length; i++) {
  262. tablinks[i].className = tablinks[i].className.replace(" active", "");
  263. }
  264. document.getElementById(cityName).style.display = "block";
  265. evt.currentTarget.className += " active";
  266. }
  267.  
  268. // Get the element with id="defaultOpen" and click on it
  269. document.getElementById("defaultOpen").click();
  270. </script>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!