forked from nia-cloud-official/nia
-
Notifications
You must be signed in to change notification settings - Fork 0
/
journey.html
86 lines (82 loc) · 2.31 KB
/
journey.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<main>
<br>
<br>
<div class="container">
<div class="entry">
21 September <div class="time"> → 17:17</div>
</div>
<div class="details">
<p>
Today i added a new tab in nia and a new feature which is the cloud feature, <br>
although im still far from completing im glad im making some progress. I am currently trying to create a settings page
</p>
</div>
<br>
<div class="entry">
Day 1.
</div>
<div class="details">
<p>
Today was really terrible
</p>
</div>
</div>
</main>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
padding:20px;
background-color: #000830;
}
.profile {
height:100px;
border: solid black;
position: sticky;
float: right;
min-width: 10px;
max-width: 800px;
width:800px;
height: 400px;
border:none;
border-radius: 5px;
box-shadow: white 1px 1px 10px 1px;
background-image: url(bg.jpg);
background-size: cover;
padding:10px
}
.time {
font-size: x-small;
}
.entry {
background-color: rgb(172, 159, 159);
padding:10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
width: 300px;
}
.details {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 15px;
height:100px;
background-color: rgb(240, 227, 227);
width: 500px;
border-top-right-radius: 10px;
box-shadow: rgb(204, 132, 132) 1px 1px 1px 1px;
}
.container {
height:500px;
width: 100%;
padding: 10px;
min-width: 100px;
}
</style>
</body>
</html>