Eghbal commited on
Commit
e4b2145
·
verified ·
1 Parent(s): 8e7b782

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +113 -0
README.md CHANGED
@@ -9,6 +9,119 @@ pinned: false
9
 
10
  # README 💻
11
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
12
  <div style="text-align: center; padding: 20px;">
13
  <h1 style="font-size: 2em; font-weight: bold;">
14
  FinText: A Specialized Financial LLM Repository
 
9
 
10
  # README 💻
11
 
12
+ <!DOCTYPE html>
13
+ <html lang="en">
14
+ <head>
15
+ <meta charset="UTF-8">
16
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
17
+ <title>Book Animation</title>
18
+ <style>
19
+ body {
20
+ display: flex;
21
+ justify-content: center;
22
+ align-items: center;
23
+ height: 100vh;
24
+ background-color: #f0f0f0;
25
+ }
26
+
27
+ .book {
28
+ position: relative;
29
+ width: 200px;
30
+ height: 300px;
31
+ background-color: #b5651d;
32
+ border-radius: 10px;
33
+ overflow: hidden;
34
+ transform-origin: left;
35
+ animation: openBook 3s ease-in-out infinite alternate;
36
+ }
37
+
38
+ .book::before {
39
+ content: '';
40
+ position: absolute;
41
+ top: 0;
42
+ left: 0;
43
+ width: 50%;
44
+ height: 100%;
45
+ background-color: #e7dfd4;
46
+ }
47
+
48
+ .book::after {
49
+ content: '';
50
+ position: absolute;
51
+ top: 0;
52
+ right: 0;
53
+ width: 50%;
54
+ height: 100%;
55
+ background-color: #e7dfd4;
56
+ }
57
+
58
+ @keyframes openBook {
59
+ 0% {
60
+ transform: perspective(600px) rotateY(0deg);
61
+ }
62
+ 100% {
63
+ transform: perspective(600px) rotateY(-150deg);
64
+ }
65
+ }
66
+
67
+ .content {
68
+ position: absolute;
69
+ top: 50%;
70
+ left: 50%;
71
+ transform: translate(-50%, -50%);
72
+ font-family: Arial, sans-serif;
73
+ font-size: 20px;
74
+ opacity: 0;
75
+ }
76
+
77
+ .numbers {
78
+ position: absolute;
79
+ top: 50%;
80
+ left: 50%;
81
+ transform: translate(-50%, -50%) rotate(-15deg);
82
+ font-size: 24px;
83
+ color: #3498db;
84
+ opacity: 0;
85
+ animation: floatUp 3s ease-in-out infinite alternate;
86
+ }
87
+
88
+ @keyframes floatUp {
89
+ 0% {
90
+ transform: translate(-50%, -50%) rotate(-15deg) translateY(0);
91
+ opacity: 0;
92
+ }
93
+ 50% {
94
+ opacity: 1;
95
+ }
96
+ 100% {
97
+ transform: translate(-50%, -50%) rotate(-15deg) translateY(-150px);
98
+ opacity: 0;
99
+ }
100
+ }
101
+ </style>
102
+ </head>
103
+ <body>
104
+
105
+ <div class="book">
106
+ <div class="numbers">12345<br/>Words</div>
107
+ </div>
108
+
109
+ <script>
110
+ const words = ["Learning", "Numbers", "Open", "Ideas", "Creativity"];
111
+ let numberElement = document.querySelector('.numbers');
112
+ let index = 0;
113
+
114
+ setInterval(() => {
115
+ numberElement.innerHTML = `${Math.floor(Math.random() * 99999)}<br/>${words[index]}`;
116
+ index = (index + 1) % words.length;
117
+ }, 3000);
118
+ </script>
119
+
120
+ </body>
121
+ </html>
122
+
123
+
124
+
125
  <div style="text-align: center; padding: 20px;">
126
  <h1 style="font-size: 2em; font-weight: bold;">
127
  FinText: A Specialized Financial LLM Repository