Add Calendar View

This commit is contained in:
Willy Sudiarto Raharjo
2012-06-13 22:21:58 +07:00
parent f27a46ecee
commit 2dc8ce3e68
16 changed files with 6344 additions and 487 deletions
+32 -7
View File
@@ -10,7 +10,29 @@ include "includes/meta.html";
<style type="text/css">
@import "includes/index.css";
@import "includes/normalize.css";
@import "includes/fullcalendar/fullcalendar.css";
@import "includes/fullcalendar/fullcalendar.print.css";
</style>
<script type='text/javascript' src='includes/jquery/jquery.min.js'></script>
<script type='text/javascript' src='includes/jquery/jquery-ui-1.8.17.custom.min.js'></script>
<script type='text/javascript' src='includes/fullcalendar/fullcalendar.min.js'></script>
<script type='text/javascript' src='includes/fullcalendar/gcal.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
$('#calendar').fullCalendar({
events: 'https://www.google.com/calendar/feeds/willysr%40gmail.com/public/basic',
currentTimezone: 'Asia/Jakarta',
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultView: 'agendaWeek'
});
});
</script>
</head>
<body>
<?php
@@ -21,32 +43,35 @@ include "includes/functions.php";
include "includes/navbar.html";
?>
</header>
<section class="introduction">
<figure>
<img src="images/willy.jpg" width="100" height="108" alt="My Pic" title="My Pic" style="float: left; margin-right: 5px; "/>
<img src="images/willy.png" width="184" height="250" alt="My Pic" title="My Pic" style="float: left; margin-right: 5px; "/>
</figure>
<p>Hello, my name is Willy Sudiarto Raharjo and you are visiting my lecturer web site.</p>
<p>In this site, you can find any information about my what i do at work (mostly are materials for my classes). Just in case, you wish to contact me, just drop me an <a href="mailto:<?php echo EMAIL; ?>">email</a>.</p>
<p>To verify my email, please fetch my <a href="public-key.txt">my public key</a> (finger print : <strong>65A6 399E 0CAA 5CD0 C5EC CA94 C4EE 7054 5D88 D6C4</strong>) or download from <a href="http://keyserver.pgp.com/">KeyServer</a> using <a href="http://www.pgp.com">PGP</a> or <a href="http://www.gnupg.org">GnuPG</a> or <a href="http://www.gpg4win.org/">GPG4Win</a> by execute <code><strong>gpg --recv-keys 5D88D6C4</strong></code>.</p>
<p>In this site, you can find any information about my what i do at work (mostly are materials for my classes). Just in case, you wish to contact me, just drop me an <a href="mailto:<?php echo EMAIL; ?>">email</a>. I no longer provide shoutbox on this page.</p>
<p>To verify my email, please fetch my <a href="public-key.txt">my public key</a> (finger print : <strong>65A6 399E 0CAA 5CD0 C5EC CA94 C4EE 7054 5D88 D6C4</strong>) or download from <a href="http://keyserver.pgp.com/">KeyServer</a> using <a href="http://www.pgp.com">PGP</a> or <a href="http://www.gnupg.org">GnuPG</a> or <a href="http://www.gpg4win.org/">GPG4Win</a> by running <code><strong>gpg --recv-keys 5D88D6C4</strong></code>.</p>
</section>
<section class="news">
<header>
<h1>Latest News</h1>
</header>
<article>
<header>
<h1>My Classes in Gasal 2012/2013</h1>
<h2>My Classes in Gasal 2012/2013</h2>
<time datetime="2012-06-13"></time>
</header>
<p>I will be teaching Project Management, Computer Security, and Computer Technology</p>
</article>
<article>
<header>
<h1>This page is HTML5 Compliance</h1>
<h2>HTML5 and CSS 3 Compliance</h2>
<time datetime="2012-06-13"></time>
</header>
<p>I have migrated this simple web page to be HTML5 compliance. If for some reason you experienced difficulties viewing this page properly, then i suggest you to update your browser to the latest version.</p>
<p>I have migrated this simple web page to be <a href="http://html5.org/">HTML5</a> and <a href="http://www.w3.org/Style/CSS/current-work.en.html">CSS 3</a> compliance. If for some reason you experienced difficulties viewing this page properly, then i suggest you to update your browser to the latest version.</p>
</article>
</section>
<div id='calendar'></div>
<?php
include "includes/footer.php";
?>