klemek/life-calendar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added README and preview

Browse Source
This commit is contained in:
Klemek
2022-01-14 19:33:49 +01:00
parent 4aa6ca4798
commit 3638ff3459
4 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+5
View File
@@ -0,0 +1,5 @@
# Life Calendar
Based on [Your Life in Weeks](https://waitbutwhy.com/2014/05/life-weeks.html)
![preview](preview.png)
index.html
+23 -16
View File
@@ -9,25 +9,32 @@
<script type="text/javascript" src="main.js"></script> <script type="text/javascript" src="main.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- card related --> <!-- card related -->
<!--
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content=""> <meta property="og:title" content="Life Calendar">
<meta property="twitter:title" content=""> <meta property="twitter:title" content="Life Calendar">
<meta property="og:description" content=""> <meta property="og:description" content="See your life in weeks">
<meta property="twitter:description" content=""> <meta property="twitter:description" content="See your life in weeks">
<meta property="og:image" content="https://.../preview_640x320.jpg"> <meta property="og:image" content="https://klemek.github.io/life-calendar/preview_640x320.jpg">
<meta property="twitter:image" content=""> <meta property="twitter:image" content="https://klemek.github.io/life-calendar/preview_640x320.jpg">
<meta property="org:url" content="https://..."> <meta property="og:image:type" content="image/jpeg"/>
--> <meta property="og:image:width" content="640"/>
<meta property="og:image:height" content="320"/>
<meta property="org:url" content="https://klemek.github.io/life-calendar/">
</head> </head>
<body> <body>
<main id="app" style="display:none;"> <main id="app" style="display:none;">
<h1>Life Calendar in weeks</h1> <h1>Life Calendar<br><small><small>See your life in weeks</small></small></h1>
View:&nbsp;<select v-model="view"> <table class="config">
<option value="">Events</option> <tr>
<option v-for="view in views" v-bind:value="view.name">{{view.name}}</option> <td>View:</td>
</select> <td>
<br> <select v-model="view">
<option value="">Events</option>
<option v-for="view in views" v-bind:value="view.name">{{view.name}}</option>
</select>
</td>
</tr>
</table>
<br> <br>
<table class="life"> <table class="life">
<tr v-for="(year, row) in life"> <tr v-for="(year, row) in life">
@@ -95,7 +102,7 @@
</div> </div>
<br> <br>
<hr> <hr>
<small><a href="https://twitter.com/_klemek" target="_blank">@Klemek</a> - <a href="" target="_blank">Github Repository</a> - 2022</small> <small><a href="https://twitter.com/_klemek" target="_blank">@Klemek</a> - <a href="https://github.com/Klemek/life-calendar" target="_blank">Github Repository</a> - 2022</small>
</main> </main>
</body> </body>
</html> </html>
preview.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

preview_640x320.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB