First Commit
This commit is contained in:
@@ -0,0 +1,10 @@
|
||||
<div id="nav">
|
||||
<ul class="level1">
|
||||
<li><a href="../index.php">Home</a></li>
|
||||
<li><a href="../manpro-ti/">Proj Mngt</a></li>
|
||||
<li><a href="../os-ti/">Op Sys</a></li>
|
||||
<li><a href="../kakom-ti/">CompSec</a></li>
|
||||
<li><a href="../ati-ti/">IT Arch</a></li>
|
||||
<li><a href="../tekkom-ti/">Comp Tech</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
Executable
+26
@@ -0,0 +1,26 @@
|
||||
<div class="date">
|
||||
<?php
|
||||
date_default_timezone_set("Asia/Jakarta");
|
||||
$tgl=date("d");
|
||||
if (substr($tgl,0,1)==0)
|
||||
$tgl=substr($tgl,-1);
|
||||
$bulan=date("m");
|
||||
$tahun=date("Y");
|
||||
switch ($bulan)
|
||||
{
|
||||
case 1 : $bulan="January"; break;
|
||||
case 2 : $bulan="February"; break;
|
||||
case 3 : $bulan="March"; break;
|
||||
case 4 : $bulan="April"; break;
|
||||
case 5 : $bulan="May"; break;
|
||||
case 6 : $bulan="June"; break;
|
||||
case 7 : $bulan="July"; break;
|
||||
case 8 : $bulan="August"; break;
|
||||
case 9 : $bulan="September"; break;
|
||||
case 10 : $bulan="Oktober"; break;
|
||||
case 11 : $bulan="November"; break;
|
||||
case 12 : $bulan="December"; break;
|
||||
}
|
||||
echo "<strong>" . $tgl . " " . $bulan . " " . $tahun . "</strong>";
|
||||
?>
|
||||
</div>
|
||||
Executable
+20
@@ -0,0 +1,20 @@
|
||||
<!-- Footer -->
|
||||
<?php
|
||||
date_default_timezone_set("Asia/Jakarta");
|
||||
echo "© 2007-" . date("Y") . ". All right reserved.<br/>\n";
|
||||
?>
|
||||
Suggestions, critics, and comments can be sent to <a href="mailto:willysr@gmail.com" class="footer">Willy Sudiarto Raharjo</a><br/>
|
||||
<a href="http://validator.w3.org/check?uri=referer" class="footer">Valid XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://lecturer.ukdw.ac.id/willysr" class="footer">Valid CSS</a>
|
||||
<script type="text/javascript">
|
||||
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-554082-6']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
|
||||
</script>
|
||||
Executable
+67
@@ -0,0 +1,67 @@
|
||||
<?php
|
||||
|
||||
DEFINE("EMAIL", "willysr@ti.ukdw.ac.id");
|
||||
|
||||
global $connection;
|
||||
|
||||
function showLastUpdate($filename)
|
||||
|
||||
{
|
||||
|
||||
if (file_exists($filename))
|
||||
|
||||
{
|
||||
date_default_timezone_set('Asia/Jakarta');
|
||||
$tanggal = date("d", filemtime($filename));
|
||||
|
||||
if (substr($tanggal,0,1)==0)
|
||||
|
||||
{
|
||||
|
||||
$tanggal=substr($tanggal,-1);
|
||||
|
||||
}
|
||||
|
||||
$bulan = date("m", filemtime($filename));
|
||||
|
||||
switch ($bulan)
|
||||
|
||||
{
|
||||
|
||||
case 1 : $bulan_id="January"; break;
|
||||
|
||||
case 2 : $bulan_id="February"; break;
|
||||
|
||||
case 3 : $bulan_id="March"; break;
|
||||
|
||||
case 4 : $bulan_id="April"; break;
|
||||
|
||||
case 5 : $bulan_id="May"; break;
|
||||
|
||||
case 6 : $bulan_id="June"; break;
|
||||
|
||||
case 7 : $bulan_id="July"; break;
|
||||
|
||||
case 8 : $bulan_id="August"; break;
|
||||
|
||||
case 9 : $bulan_id="September"; break;
|
||||
|
||||
case 10 : $bulan_id="Oktober"; break;
|
||||
|
||||
case 11 : $bulan_id="November"; break;
|
||||
|
||||
case 12 : $bulan_id="December"; break;
|
||||
|
||||
}
|
||||
|
||||
$tahun = date("Y", filemtime($filename));
|
||||
|
||||
$jam = date("H:i:s", filemtime($filename));
|
||||
|
||||
echo "Last Update : " . $tanggal . " " . $bulan_id . " " . $tahun . " :: " . $jam . "\n";
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
?>
|
||||
@@ -0,0 +1,267 @@
|
||||
/* NavBar */
|
||||
div#nav {
|
||||
font-size: 0.8em;
|
||||
float: right;
|
||||
margin-top: 74px;
|
||||
}
|
||||
|
||||
div#nav ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div#nav li {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0 10px;
|
||||
padding: 0;
|
||||
float: left;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#nav li:hover {
|
||||
border-bottom: 2px solid #F00;
|
||||
}
|
||||
|
||||
div#nav li a {
|
||||
display: block;
|
||||
padding: 0.25em 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#nav>ul a {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* Main */
|
||||
body {
|
||||
margin: 10px;
|
||||
font-family: "Verdana";
|
||||
color: #000;
|
||||
}
|
||||
|
||||
div.subtitle, div.notifications {
|
||||
border-bottom: 1px solid #DEDEDE;
|
||||
margin-right: 10px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
div.notifications {
|
||||
text-align: center;
|
||||
color: #F00;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #00F;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
border-bottom: 3px solid #F00;
|
||||
}
|
||||
|
||||
a.subject:hover {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
div.header, div.header-class {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
float: left;
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
background: #BBD9EE url("../images/background.jpg") 0 0 no-repeat;
|
||||
font-size: 20px;
|
||||
color: #F00;
|
||||
}
|
||||
|
||||
div.header-class {
|
||||
background: #BBD9EE url("../images/background-repeat.jpg") 0 0 repeat-x;
|
||||
}
|
||||
|
||||
div.content {
|
||||
margin: 0 200px 0 0;
|
||||
}
|
||||
|
||||
div.intro {
|
||||
width: 75%;
|
||||
border: 0px solid #F00;
|
||||
}
|
||||
|
||||
div.quotes {
|
||||
float: right;
|
||||
border: 3px solid #ab801a;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
margin-top: 5px;
|
||||
padding: 2px 0;
|
||||
width: 20%;
|
||||
margin-right: 10px;
|
||||
text-align: right;
|
||||
font-family: "Verdana, Georgia, Arial";
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
div.date {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 15px;
|
||||
color: #000;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
div.sidebar {
|
||||
float: right;
|
||||
width: 200px;
|
||||
margin: 5px 0 0 0;
|
||||
}
|
||||
|
||||
div.subjects, div.news {
|
||||
margin: 0 10px 0 0;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
div.news {
|
||||
margin-top: 4em;
|
||||
}
|
||||
|
||||
div.subjects h1, div.news h1 {
|
||||
border-bottom: 1px solid #999;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.subjects img {
|
||||
margin: 10px 10px 10px 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
div.update-title {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
p.even {
|
||||
background: #E0EECF;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
p.odd {
|
||||
background: #fdddaa;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
span.subjectTitle {
|
||||
float: left;
|
||||
font-size: 1.5em;
|
||||
color: #000;
|
||||
margin-left: 0;
|
||||
margin-top: 65px;
|
||||
}
|
||||
|
||||
div.footer {
|
||||
height:10px;
|
||||
border-top:1px solid #B1B1B1;
|
||||
margin-right: 1em;
|
||||
text-align:center;
|
||||
font-family:"Verdana, Sans-Serif";
|
||||
font-size:0.8em;
|
||||
font-weight:normal;
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
/*
|
||||
CSS Text Boxes
|
||||
Copyright : MikeCherim.com (http://green-beast.com/)
|
||||
*/
|
||||
|
||||
body > #class-information {
|
||||
margin : auto;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div#class-information {
|
||||
float:right;
|
||||
}
|
||||
/*
|
||||
Now I'm resetting the paragraph padding (it was zeroed). I'm also clearing
|
||||
the p, but I don't really need this for the top one, only the bottom. The
|
||||
top has no effect (it'll clear the heading by default), but it is needed
|
||||
for the bottom (depending on the shell width versus the ul width). It may
|
||||
not be needed at all. Your situation will determine.
|
||||
*/
|
||||
#class-information p {
|
||||
padding : 0px;
|
||||
clear : both;
|
||||
}
|
||||
|
||||
/*
|
||||
I define the width of the ul, set the height (in ems!) align the text and
|
||||
remove list styles. The last may not be needed on most browsers
|
||||
*/
|
||||
ul.cinfo {
|
||||
height : 9em;
|
||||
text-align : center;
|
||||
list-style-type : none;
|
||||
}
|
||||
|
||||
/*
|
||||
Now I style the individual boxes (li)
|
||||
*/
|
||||
ul.cinfo li {
|
||||
margin : 0 2px 10px;
|
||||
border : 1px solid #666;
|
||||
width : 160px;
|
||||
height : auto;
|
||||
background : #f6f6ff;
|
||||
float : left;
|
||||
display : block;
|
||||
}
|
||||
|
||||
/*
|
||||
Style the li links
|
||||
*/
|
||||
#class-information a {
|
||||
color : #A01300;
|
||||
}
|
||||
|
||||
#class-information a:hover, #class-information a:focus, #class-information a:active {
|
||||
text-decoration : none;
|
||||
color: #FFF;
|
||||
background-color: #A01300;
|
||||
}
|
||||
|
||||
#class-information a:focus, #class-information a:active {
|
||||
color: #FFF;
|
||||
background-color: #A01300;
|
||||
}
|
||||
|
||||
/*
|
||||
Style the h3 links
|
||||
*/
|
||||
#class-information ul.cinfo h3 {
|
||||
color : #FFF;
|
||||
display : block;
|
||||
width : 160px;
|
||||
padding : 2px 0;
|
||||
background : #5280bc;
|
||||
border-bottom : 1px solid #666;
|
||||
text-decoration : none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#class-information ul.cinfo h3 a:hover, #class-information ul.cinfo h3 a:focus, #class-information ul.cinfo h3 a:active {
|
||||
background : #957412;
|
||||
color : #fff;
|
||||
}
|
||||
|
||||
/*
|
||||
This tyles the text p content within the li separately. The most important
|
||||
thing here is to re-kill the padding and add the margin to create good gutters
|
||||
*/
|
||||
ul.cinfo p {
|
||||
font-size : 0.9em;
|
||||
padding : 0;
|
||||
margin : 10px;
|
||||
}
|
||||
Executable
+11
@@ -0,0 +1,11 @@
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<meta name="author" content="Willy Sudiarto Raharjo" />
|
||||
<meta name="owner" content="Willy Sudiarto Raharjo" />
|
||||
<meta name="classification" content="Personal, Lecturer, Education, UKDW, Duta Wacana" />
|
||||
<meta name="category" content="Computers and Internet" />
|
||||
<meta name="distribution" content="Global" />
|
||||
<meta name="rating" content="General" />
|
||||
<meta name="doc-type" content="Public" />
|
||||
<meta name="doc-class" content="Published" />
|
||||
<meta name="doc-rights" content="Public Domain" />
|
||||
<meta name="language" content="English" />
|
||||
Executable
+9
@@ -0,0 +1,9 @@
|
||||
<div id="nav">
|
||||
<ul class="level1">
|
||||
<li><a href="index.php">Home</a></li>
|
||||
<li><a href="cv.php">CV</a></li>
|
||||
<li><a href="schedule.html">Schedule</a></li>
|
||||
<li><a href="publications.php">Publications</a></li>
|
||||
<li><a href="presentations.php">Presentations</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -0,0 +1,17 @@
|
||||
<div class="quotes">
|
||||
<?php
|
||||
$url = "http://feeds.feedburner.com/quotationspage/qotd";
|
||||
if ($url)
|
||||
{
|
||||
do
|
||||
{
|
||||
$x = rand(0,10);
|
||||
$xml = new SimpleXMLElement($url, NULL, TRUE);
|
||||
} while (!$xml && trim($xml->channel->item[$x]->description) == "");
|
||||
$string = trim(preg_replace("/<p>(.*)/", "", $xml->channel->item[$x]->description));
|
||||
$string = trim(preg_replace("/<a href(.*)<\/p>/", "", $string));
|
||||
$string = preg_replace("/\"/", "", $string);
|
||||
echo trim($string) . "<br/>(" . $xml->channel->item[$x]->title . ")<br/>Source: <a href=\"http://www.quotationspage.com/\">QuotationsPage</a>";
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
@@ -0,0 +1,5 @@
|
||||
<iframe frameborder="0" width="200" height="275" src="http://cbox.ws/box/?boxid=785303&boxtag=3738&sec=main" marginheight="2" marginwidth="2" scrolling="auto" name="cboxmain" style="border: #DBE2ED 1px solid;" id="cboxmain"></iframe>
|
||||
<br/>
|
||||
<iframe frameborder="0" width="200" height="75" src="http://cbox.ws/box/?boxid=785303&boxtag=3738&sec=form" marginheight="2" marginwidth="2" scrolling="no" name="cboxform" style="border: #DBE2ED 1px solid; border-top: 0px;" id="cboxform"></iframe>
|
||||
<br/>
|
||||
<iframe src="http://www.google.com/calendar/embed?showTitle=0&showNav=0&showDate=0&showTabs=0&showCalendars=0&mode=AGENDA&height=300&wkst=2&bgcolor=%23FFFFFF&src=willysr%40gmail.com&color=%232952A3&ctz=Asia%2FJakarta" style=" border-width:0 " width="200" height="250" frameborder="0" scrolling="no"></iframe>
|
||||
Reference in New Issue
Block a user