-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·168 lines (156 loc) · 5.46 KB
/
index.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
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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE HTML>
<html>
<head>
<title>BlossomTheme</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="./images/flower-trans.png" type="image/icon type">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">What we do</a></li>
<li><a href="#two">Projects</a></li>
<li><a href="#three">Follow US</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Blossom Theme</h1>
<p>An open-source initiative based in Sri Lanka for curating vibrant color themes with accessibility in mind. Our palettes maintain a color contrast ratio of 5.06:1, ensuring readability without compromising aesthetics. Join us in blooming the world of design with thoughtfully crafted, inclusive color schemes.</p>
<ul class="actions">
<li><a href="#one" class="button scrolly">Learn more</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style3 fade-up">
<div class="inner">
<h2>What we do</h2>
<p>Curates color themes for a variety of programming environments, text editors, and other applications. <br>The themes aim to enhance readability and aesthetics, providing users with visually appealing and functional color schemes for their software development work.</p>
<div class="features">
<section>
<span class="icon solid major fa-dollar-sign"></span>
<h3>Terminals</h3>
<ul>
<li>Git-Bash</li>
<li>Gnome-Terminal</li>
<li>Terminator</li>
<li>Alacritty</li>
</ul>
</section>
<section>
<span class="icon solid major fa-code"></span>
<h3>Text Editors</h3>
<ul>
<li>Visual Studio Code</li>
<li>Obsidian</li>
<li>Gedit</li>
</ul>
</section>
<section>
<span class="icon solid major fa-music"></span>
<h3>Music Players</h3>
<ul>
<li>MusicBee</li>
</ul>
</section>
<section>
<span class="icon solid major fa-angle-right"></span>
<h3>Other Applications</h3>
<ul>
<li>AwesomeWM</li>
<li>Monkeytype</li>
<li>Rofi</li>
<li>Git Kraken</li>
</ul>
</section>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2 spotlights">
<section>
<a href="#" class="image"><img src="./images/vs-code/vscode-1.png" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Visual Studio Code</h2>
<p>Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux.</p>
<ul class="actions">
<li><a href="./pages/vscode.html" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="./images/obsidian/obsidian-3.png" alt="" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>Obsidian</h2>
<p>Obsidian is a personal knowledge base and note-taking software application that operates on Markdown files.</p>
<ul class="actions">
<li><a href="./pages/obsidian.html" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
<section>
<div class="content">
<div class="inner">
<ul class="actions">
<li><a href="./pages/projects.html" class="button">Browse All Projects →</a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Follow Us</h2>
<div class="split style1">
<section>
<ul class="contact">
<li>
<h3>Social</h3>
<a href="https://www.linkedin.com/company/blossomtheme/" target="_blank">LinkedIn</a><br>
<a href="https://github.com/BlossomTheme/" target="_blank">Github</a><br>
<a href="https://youtube.com/@BlossomTheme/" target="_blank">Youtube</a><br>
<a href="https://discord.gg/qmnuDGEKRc" target="_blank">Discord</a><br>
<!-- <a href="#">LinkedIn</a><br> -->
</li>
<!-- <li>
<h3>Email</h3>
<a href="#">user@untitled.tld</a>
</li>
<li>
<h3>Donate</h3>
<a href="#">Bitvoin</a>
</li> -->
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>