Permalink
Browse files

first commit, though it described ver.2 in appcache

  • Loading branch information...
0 parents commit cf083624c139d61c39f8077c135cd53efcd9dd1d Masashi Tsuneizumi committed Feb 13, 2012
@@ -0,0 +1,13 @@
+Calendar
+====
+
+Features
+----
+
+Simple calendar that shows Japanese holidays. The calendar also provides function to mark dates.
+
+This should work offline by application cache, but it requires network access to get holidays from Google Calendar API at the first time.
+
+All holiday data and marked date(s) are stored in local storage.
+
+This calenadr supports iOS. It might work properly on Android 4.0 (though I haven't confirmed yet.) This doen't work on Android 2.x because the android web browser doesn't support CSS3 anmiation very well.
@@ -0,0 +1,20 @@
+CACHE MANIFEST
+# version 2 (2011/02/12)
+
+CACHE:
+index.html
+favicon.ico
+img/apple-touch-icon.png
+img/apple-touch-icon-114.png
+css/normalize.css
+css/calendar.css
+css/calendaranim.css
+js/jquery-1.7.1.min.js
+js/jquery.swipeListener.js
+js/calendarpage.js
+js/calendardata.js
+js/calendarmenu.js
+js/calendar.js
+
+NETWORK:
+https://www.googleapis.com/
@@ -0,0 +1,162 @@
+/**
+ * calendar.css
+ */
+* {
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ font-family: Helvetica, HiraKakuProN-W3, sans-serif;
+ overflow: hidden;
+ text-shadow: 1px 1px 0px #fff;
+}
+
+table {
+ margin: 5px;
+ width: 310px;
+ font-size: 26px;
+ -webkit-user-select: none;
+}
+
+caption {
+ border-bottom: 2px solid #000;
+ font-family: serif;
+ font-size: 1.5em;
+}
+
+th {
+ font-size: 0.7em;
+ font-weight: normal;
+ color: #888;
+}
+td {
+ padding: 5px;
+ text-align: center;
+}
+
+td.red {
+ background: rgba(246, 118, 118, 0.4);
+ text-shadow: 1px 1px 0px #feeded;
+ -webkit-border-radius: 20px;
+}
+
+td.yellow {
+ background: rgba(248, 182, 118, 0.4);
+ text-shadow: 1px 1px 0px #fefeed;
+ -webkit-border-radius: 20px;
+}
+
+td.green {
+ background: rgba(128, 212, 128, 0.4);
+ text-shadow: 1px 1px 0px #edfeed;
+ -webkit-border-radius: 20px;
+}
+
+#year {
+ color: #d3d3d3;
+ margin-top: 40px;
+ margin-left: 10px;
+}
+
+#container {
+ width: 100%;
+ height: 100%;
+ display: -webkit-box;
+}
+
+.row {
+ display: -webkit-box;
+ position: relative;
+ top: 44px;
+ height: 352px;
+ left: -320px;
+ padding: 20px 0;
+}
+
+.d0, .d6, .holiday {
+ color: #888;
+}
+
+/**
+ * Menu Style
+ */
+#menu {
+ background: rgba(128, 128, 128, 0.7);
+ color: #fff;
+ border: 4px solid #fff;
+ -webkit-border-radius: 25px;
+ -webkit-box-shadow: 0px 0px 1px #999;
+ padding: 0;
+ position: fixed;
+ left: 5px;
+ bottom: 5px;
+ width: 40px;
+ height: 40px;
+ z-index: 10;
+}
+
+#menu.red {
+ background: rgba(246,118,118,0.7);
+}
+
+#menu.yellow {
+ background: rgba(248,182,118,0.7);
+}
+
+#menu.green {
+ background: rgba(128,212,128,0.7);
+}
+
+#menubutton {
+ font-size: 30px;
+ line-height: 42px;
+ text-align: center;
+ text-shadow: none;
+ -webkit-transition: all 0.2s linear;
+ -webkit-transform: rotate(45deg);
+ -webkit-transform-style: preserve-3d;
+}
+
+.opened #menubutton {
+ -webkit-transition: all 0.2s linear;
+ -webkit-transform: rotate(0deg);
+}
+
+#menuitems {
+ list-style-type: none;
+}
+
+#menuitems li {
+ background: rgba(128,128,128,0.7);
+ color: #fff;
+ border: 4px solid #fff;
+ visibility: hidden;
+ -webkit-border-radius: 25px;
+ -webkit-box-shadow: 0px 0px 1px #999;
+ position: fixed;
+ left: 11px;
+ bottom: 11px;
+ width: 28px;
+ height: 28px;
+}
+
+#menuitems.appeared li {
+ visibility: visible;
+}
+
+li#red {
+ background: rgba(246,118,118,0.7);
+}
+
+li#yellow {
+ background: rgba(248,182,118,0.7);
+}
+
+li#green {
+ background: rgba(128,212,128,0.7);
+}
+
+li#exit {
+ background: rgba(0,0,0,0);
+}
Oops, something went wrong.

0 comments on commit cf08362

Please sign in to comment.