-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
143 lines (128 loc) · 6.62 KB
/
index.html
File metadata and controls
143 lines (128 loc) · 6.62 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Baralga, simple and lightweight open source time tracking</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Simple and lightweight open source time tracking for projects.">
<meta name="author" content="Jan Stamer">
<meta http-equiv="refresh" content="0; URL=https://baralga.tack.dev">
<link rel="canonical" href="https://baralga.tack.dev">
<!-- Le styles -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.jumbotron {
background-color: #6c757d;
color: whitesmoke;
}
.carousel-control-prev {
filter: invert(100%);
}
.carousel-control-next {
filter: invert(100%);
}
</style>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.slim.min.js" integrity="sha512-6ORWJX/LrnSjBzwefdNUyLCMTIsGoNP6NftMy2UAm1JBm6PRZCO1d7OHBStWpVFZLO+RerTvqX/Z9mBFfCJZ4A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<a href="http://github.com/Baralga/baralga"><img style="position: absolute; top: 0; right: 0; border: 0;"
src="https://github.blog/wp-content/uploads/2008/12/forkme_right_gray_6d6d6d.png?resize=149%2C149" alt="Fork me on GitHub"></a>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="jumbotron">
<h1 class="display-4">Baralga</h1>
<p class="lead">Simple and lightweight time tracking.</p>
<p>Record the time spent on a project or manually enter and edit activities.</p>
<h2 class="display-6">Features</h2>
<ul>
<li style="line-height: 37px;">plain time tracking no fuzz</li>
<li style="line-height: 37px;">switch projects with tray icon</li>
<li style="line-height: 37px;">record your activities</li>
<li style="line-height: 37px;">report as Excel, <abbr title="Comma Separated Values">CSV</abbr> and
iCalendar</li>
<li style="line-height: 37px;">manually add and edit activities</li>
<li style="line-height: 37px;">enter data fast with shortcuts</li>
</ul>
<p>Baralga is open source and free forever. It is available as regular or portable version for the desktop.
</p>
</div>
</div>
<div class="col-md-6" align="center" style="vertical-align: middle;">
<div id="screenshotIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#screenshotIndicators" data-slide-to="0" class="active"></li>
<li data-target="#screenshotIndicators" data-slide-to="1"></li>
<li data-target="#screenshotIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="img-custom/main-screen.png" alt="Baralga Main Screen" />
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img-custom/main-screen-projects.png" alt="Baralga Projects Screen" />
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img-custom/sample-report.png" alt="Baralga Sample Report" />
</div>
</div>
<a class="carousel-control-prev" href="#screenshotIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#screenshotIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Download</h2>
<p><a href="https://github.com/Baralga/baralga/releases/download/v1.9.7/Baralga-1.9.7-Installer.jar"
class="btn btn-primary"><ion-icon name="cloud-download"></ion-icon> Baralga 1.9.7 Installer</a></p>
<p><a href="https://github.com/Baralga/baralga/releases/download/v1.9.7/Baralga-Portable-1.9.7.zip"
class="btn btn-primary"><ion-icon name="cloud-download"></ion-icon> Baralga 1.9.7 Portable</a></p>
<p>Older versions are available from the <a href="https://github.com/Baralga/baralga/releases">archive</a>.</p>
</div>
<div class="col-md-4">
<h2>Donate</h2>
<p>Make a small donation to support further development and to show your appreciation. Thanks!</p>
<p align="center"><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=4913649" class="btn btn-info">
<ion-icon name="cash"></ion-icon> Donate via PayPal
</a></p>
</div>
<div class="col-md-4">
<h2>Contact</h2>
<p>Get in touch for infos and support. </p>
<p><a href="mailto:baralga(AT)geekmail.de" class="btn btn-secondary"><ion-icon name="mail"></ion-icon> Mail to
baralga(AT)geekmail.de ...</a></p>
</div>
</div>
</div><!-- /container -->
</body>
</html>