From a640ba8db834465c7dcee7801c7524b95fc7d2a5 Mon Sep 17 00:00:00 2001
From: willysr <willysr@gmail.com>
Date: Thu, 14 Jun 2012 13:13:34 +0700
Subject: [PATCH] Add Another Background

---
 about.php                   |   2 +
 ati-ti/index.php            |   2 +-
 images/background-slack.jpg | Bin 0 -> 13798 bytes
 includes/footer.php         |   4 +-
 includes/index.css          |  79 ++++++++++++++++----------
 index.php                   |   2 +-
 kakom-ti/index.php          |   2 +-
 manpro-ti/index.php         |   2 +-
 os-ti/index.php             | 110 ++++++++++++++++++++----------------
 tekkom-ti/index.php         |   2 +-
 10 files changed, 117 insertions(+), 88 deletions(-)
 create mode 100644 images/background-slack.jpg

diff --git a/about.php b/about.php
index 3d6b604..520d4e1 100644
--- a/about.php
+++ b/about.php
@@ -48,6 +48,8 @@ include "includes/navbar.html";
 	- Passed Linux Administration (General) with score 3.19 out of 5.0<br/>
 	- Passed PHP with score 3.6 out of 5.0<br/>
 	- Passed Computer Fundamental (Win95/98) with score 4.17 out of 5.0<br/>
+        - Master in Network Security with score 4.03 out of 5.0 (2012)<br/>
+        - Passed Project Management with score 3.99 out of 5.0 (2012)<br/>
     </li>
   </ol>
 </article>
diff --git a/ati-ti/index.php b/ati-ti/index.php
index 09e2bd9..6d438c5 100644
--- a/ati-ti/index.php
+++ b/ati-ti/index.php
@@ -21,7 +21,7 @@ include "../includes/courses.php";
 <section class="title">IT Architecture</section>
 <section class="sidebar">
   <header>
-    <h3>Kelas</h3>
+    <h3>Jadwal</h3>
   </header>
   <aside>
     <p>Hari <br/>Jam <br/>Ruang </p>
diff --git a/images/background-slack.jpg b/images/background-slack.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ce87a7e79685a7eb84a7692bf7fa6f6615e0c154
GIT binary patch
literal 13798
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
D`(K<H

literal 0
HcmV?d00001

diff --git a/includes/footer.php b/includes/footer.php
index aeeba0b..e3cc341 100755
--- a/includes/footer.php
+++ b/includes/footer.php
@@ -2,9 +2,9 @@
 <footer>
 <?php
 date_default_timezone_set("Asia/Jakarta");
-echo "<p>&copy; 2007-" . date("Y") . ". All right reserved.<br/>\n";
+echo "<p>&copy; 2007-" . date("Y") . ". All right reserved. ";
 ?>
-Suggestions, critics, and comments can be sent to <a href="mailto:<?php echo EMAIL; ?>" class="footer">Willy Sudiarto Raharjo</a><br/>
+Willy Sudiarto Raharjo<br/>
 <a href="http://validator.w3.org/check?uri=referer" class="footer">Valid HTML5</a> || <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://lecturer.ukdw.ac.id/willysr" class="footer">Valid CSS3</a></p>
 <script type="text/javascript">
 
diff --git a/includes/index.css b/includes/index.css
index 5f8d61f..27f6a69 100644
--- a/includes/index.css
+++ b/includes/index.css
@@ -12,6 +12,7 @@ body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, p, th, td, article, section,
 body {
   font-size: 1.2rem;
   line-height: 2rem;
+  background: url("../images/background-slack.jpg") repeat;
 }
 
 header[role="banner"] {
@@ -133,37 +134,6 @@ ul#socialbar li.twitter a:hover {
   background-position:-86px -16px;  
 }  
 
-footer {
- clear:both;
- background: #AAA;
- font-size:0.8rem;
- text-align:center;
-}
-
-footer a:link {
-  text-decoration: none;
-  color: #000;
-}
-
-footer a:visited {
-  text-decoration: none;
-  color: #000;
-}
-
-footer a:hover {    
-  text-decoration: none;
-  color: #FFF;
-}
-
-footer a:active {
-  text-decoration: none;
-  color: #FFF;
-}
-
-#calendar {
-  width: 1024px;
-  margin: 0 auto;
-}
 
 section.news {
   width: 80%;  
@@ -242,4 +212,51 @@ section.material ol ul li {
   font-size: 1rem;
   margin: 0;
   padding: 0;
+}
+
+footer {
+ clear:both;
+ background: #555;
+ font-size:0.8rem;
+ text-align:center;
+ color: #DDD
+}
+
+footer a:link {
+  text-decoration: none;
+  color: #DDD;
+}
+
+footer a:visited {
+  text-decoration: none;
+  color: #DDD;
+}
+
+footer a:hover {    
+  text-decoration: none;
+  color: #FFF;
+}
+
+footer a:active {
+  text-decoration: none;
+  color: #FFF;
+}
+
+#calendar {
+  width: 1024px;
+  margin: 0 auto;
+}
+
+section.title {
+  background: #AAA;
+  width: 100%;
+  height: 35px;
+  display: block;
+  text-align: center;
+  font-size: 2rem;
+}
+
+section.sidebar {
+  float: right;
+  width: 20%;
 }
\ No newline at end of file
diff --git a/index.php b/index.php
index 6160f58..dc93537 100644
--- a/index.php
+++ b/index.php
@@ -24,7 +24,7 @@ include "includes/navbar.html";
 <section class="right">
 <section class="quotes">
 <?php
-include "includes/quotes.php";
+#include "includes/quotes.php";
 ?>
 </section>
 
diff --git a/kakom-ti/index.php b/kakom-ti/index.php
index 7b1c14b..3ba35cd 100644
--- a/kakom-ti/index.php
+++ b/kakom-ti/index.php
@@ -21,7 +21,7 @@ include "../includes/courses.php";
 <section class="title">Computer Security</section>
 <section class="sidebar">
   <header>
-    <h3>Kelas</h3>
+    <h3>Jadwal</h3>
   </header>
   <aside>
     <p>Hari <br/>Jam <br/>Ruang </p>
diff --git a/manpro-ti/index.php b/manpro-ti/index.php
index f7e7936..6275c81 100644
--- a/manpro-ti/index.php
+++ b/manpro-ti/index.php
@@ -21,7 +21,7 @@ include "../includes/courses.php";
 <section class="title">Project Management</section>
 <section class="sidebar">
   <header>
-    <h3>Kelas</h3>
+    <h3>Jadwal</h3>
   </header>
   <aside>
     <p>Hari <br/>Jam <br/>Ruang </p>
diff --git a/os-ti/index.php b/os-ti/index.php
index 0a41d29..ed10142 100644
--- a/os-ti/index.php
+++ b/os-ti/index.php
@@ -1,67 +1,77 @@
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<!DOCTYPE html> 
 <head>
 <title>Willy Sudiarto Raharjo - Operating System</title>
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-<meta name="keyword" content="Willy, Willy Sudiarto Raharjo, Willy SR, WillySR, UKDW, Dosen, Universitas Kristen Duta Wacana, Sistem Operasi, Teknik Informatika" />
+<meta name="keywords" content="Willy, Willy Sudiarto Raharjo, Willy SR, WillySR, UKDW, Dosen, Universitas Kristen Duta Wacana, Sistem Operasi, Linux, Windows, Teknik Informatika" />
 <meta name="description" content="Situs ini berisi halaman materi untuk kelas Sistem Operasi Universitas Kristen Duta Wacana" />
-<link rel="icon" href="images/favicon.ico" type="image/ico" />
-<script type="text/javascript" src="include/navbar.js"></script>
+<link rel="icon" href="../images/favicon.ico" type="image/ico" />
 <style type="text/css">
 @import "../includes/index.css";
+@import "../includes/normalize.css";
 </style>
 </head>
 <body>
-<div class="header-class"><span class="subjectTitle">Operating System</span>
 <?php
 include "../includes/functions.php";
-include "../includes/date.php";
+?>
+<header role="banner">
+<?php
 include "../includes/courses.php";
 ?>
-</div>
-<div class="sidebar">
-<!-- Class Information //-->
-<div id="class-information">
- <ul class="cinfo">
-  <li><h3>Kelas </h3> 
-  <p>Hari <br/>Jam <br/>Ruang </p></li>
-  <li><h3>Nilai Akhir</h3> 
-  <p><a href="https://docs.google.com/spreadsheet/pub?hl=en_US&amp;hl=en_US&amp;key=0AvhuiUaiIBYmdElHc2tHVS01ZWV2dWJIenE0dloyOWc&amp;output=html">Nilai Akhir</a></p></li>          
- </ul>
-</div>
-</div>
-<div class="content">
-<div class="notifications">PEMBERITAHUAN</div>
-<p>Bagi yang hendak mengambil matakuliah ini, Anda <strong>diwajibkan memiliki dan membawa buku Operating System Concepts di setiap pertemuan</strong>. Tidak akan disediakan slide materi untuk perkuliahan ini, karena semua materi sudah ada di buku.</p>
-<div class="subtitle">Pengantar</div>
-<p>Matakuliah ini memperkenalkan desain, implementasi, konsep-konsep dasar serta prinsip-prinsip Sistem Operasi modern. Cakupan matakuliah ini diawali dengan pengantar tentang sistem operasi dan struktur sistem operasi secara umum, dilanjutkan dengan  Proses dan Thread, penjadwalan CPU serta masalah yang muncul (dead lock). Bagian kedua akan membahas tentang managemen memori dan managemen berkas serta struktur penyimpanan massal.</p> <p>Dalam matakuliah ini Sistem Operasi yang beredar luas di masyarakat tidak akan dibahas secara khusus, namun membahas konsep serta prinsip-prinsip umumnya. DOS, Windows, dan LINUX akan dibahas sebagai contoh kasus.</p>
-<div class="subtitle">Materi Presentasi</div>
-<ol>
-<li>Syllabus</li>
-<li>Introduction to Operating System</li>
-<li>Operating System Structures</li>
-<li>Proses + Thread</li>
-<li>CPU Scheduling</li>
-<li>Dead Locks</li>
-<li>Main Memory</li>
-<li>Virtual Memory</li>
-<li>File System Interface</li>
-<li>File System Implementation</li>
-<li>Mass-Storage Structure</li>
-<li>Distributed File Systems</li>
-</ol>
-<div class="subtitle">Referensi Buku</div>
-<ol>
-<li><a href="http://www.os-book.com/">Operating System Concepts 8th Edition (Avi Silberschatz, Peter Baer Galvin, Greg Gagne - John Wiley &amp; Sons, Inc)</a></li>
-</ol>
-</div>
-<!-- End Content //-->
-<div class="footer">
+</header>
+<section class="title">Operating System</section>
+<section class="sidebar">
+  <header>
+    <h3>Jadwal</h3>
+  </header>
+  <aside>
+    <p>Hari <br/>Jam <br/>Ruang </p>
+  </aside>
+</section>
+<section class="classinfo">
+  <section class="notice">
+    <header>
+      <h1>PEMBERITAHUAN</h1>
+    </header>
+    <p>Bagi yang hendak mengambil matakuliah ini, Anda <strong>diwajibkan memiliki dan membawa buku Operating System Concepts di setiap pertemuan</strong>. Tidak akan disediakan slide materi untuk perkuliahan ini, karena semua materi sudah ada di buku.</p>
+  </section>
+  <section class="description">
+    <header>
+      <h1>PENGANTAR</h1>
+    </header>
+    <p>Matakuliah ini memperkenalkan desain, implementasi, konsep-konsep dasar serta prinsip-prinsip Sistem Operasi modern. Cakupan matakuliah ini diawali dengan pengantar tentang sistem operasi dan struktur sistem operasi secara umum, dilanjutkan dengan Proses dan Thread, penjadwalan CPU serta masalah yang muncul (dead lock). Bagian kedua akan membahas tentang managemen memori dan managemen berkas serta struktur penyimpanan massal.</p>
+    <p>Dalam matakuliah ini Sistem Operasi yang beredar luas di masyarakat tidak akan dibahas secara khusus, namun membahas konsep serta prinsip-prinsip umumnya. DOS, Windows, dan LINUX akan dibahas sebagai contoh kasus.</p>
+  </section>
+</section>
+
+<section class="material">
+  <header>
+    <h1>MATERI</h1>
+  </header>
+  <ol>
+    <li>Syllabus</li>
+    <li>Introduction to Operating System</li>
+    <li>Operating System Structures</li>
+    <li>Proses + Thread</li>
+    <li>CPU Scheduling</li>
+    <li>Dead Locks</li>
+    <li>Main Memory</li>
+    <li>Virtual Memory</li>
+    <li>File System Interface</li>
+    <li>File System Implementation</li>
+    <li>Mass-Storage Structure</li>
+    <li>Distributed File Systems</li>
+  </ol>
+</section>
+<section class="references">
+  <header>
+    <h1>REFERENSI</h1>
+  </header>
+  <ol>
+    <li><a href="http://www.os-book.com/">Operating System Concepts 8th Edition (Avi Silberschatz, Peter Baer Galvin, Greg Gagne - John Wiley &amp; Sons, Inc)</a></li>
+  </ol>
+</section>
 <?php
 include "../includes/footer.php";
 ?>
-</div>
 </body>
 </html>
diff --git a/tekkom-ti/index.php b/tekkom-ti/index.php
index 50ca7dc..f76bdad 100644
--- a/tekkom-ti/index.php
+++ b/tekkom-ti/index.php
@@ -21,7 +21,7 @@ include "../includes/courses.php";
 <section class="title">Computer Technology</section>
 <section class="sidebar">
   <header>
-    <h3>Kelas</h3>
+    <h3>Jadwal</h3>
   </header>
   <aside>
     <p>Hari <br/>Jam <br/>Ruang </p>