-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathindex.html
More file actions
141 lines (139 loc) · 5.96 KB
/
index.html
File metadata and controls
141 lines (139 loc) · 5.96 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Interlace CSS - A Library of Unique CSS Effects</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/railscasts.min.css">
<link rel="stylesheet" href="./web/interlace-global.css">
<link rel="stylesheet" href="./web/interlace-landing.css">
<link rel="stylesheet" type="text/css" href="./components/interlace/interlace.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<nav>
<div class="logo"></div>
<ul class="menu">
<div class="menu__item toggle"><span></span></div>
<li class="menu__item"><a href="doc.html" class="link link--dark"><i class="fa fa-book"></i> Documentation</a></li>
<li class="menu__item"><a href="https://github.com/vinyashegde/interlace" class="link link--dark"><i class="fa fa-github"></i> Github</a></li>
</ul>
</nav>
<div class="hero">
<h1 class="hero__title">Interlace.css</h1>
<p class="hero__description">A Library of Unique CSS Effects</p>
</div>
<div class="hero__terminal">
<pre>
<!-- Place your demo code here -->
<code class="shell-session demo">install ~ $ </code>
</pre>
</div>
<div class="wrapper">
<div class="installation">
<h3 class="section__title">Installation</h3>
<div class="tab__container">
<ul class="tab__menu">
<!--
<li class="tab active" data-tab="mac">mac</li>
<li class="tab" data-tab="linux">linux</li>
<li class="tab active" data-tab="win">win</li> -->
</ul>
<pre class="nohighlight code" id="myCodeBlock-install">
<!--
<code class="tab__pane active mac">$ brew install scribbler</code>
<code class="tab__pane linux">$ apt-get install scribbler</code> -->
<code class="tab__pane active win"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vinyashegde/interlace/components/interlace/interlace.min.css"></code>
<button class="copyButton" id="copyButton-install" onclick="copyCode('myCodeBlock-install', 'copyButton-install')"><i class="fas fa-copy"></i></button>
</pre>
</div>
</div>
<div class="feature">
<div class="feature__item">
<h3 class="section__title">Fast & Light</h3>
<p>Start using it immediately.</p>
</div>
<div class="feature__item">
<h3 class="section__title">Single File</h3>
<p>directly use it from web</p>
</div>
<div class="feature__item">
<h3 class="section__title">Secure</h3>
<p>Why do we need security?</p>
</div>
<div class="feature__item">
<h3 class="section__title">Configuration</h3>
<p>Easily change properties from html <span class="code code--inline">style="border-radius: 0;"</span> code. Never need to create different css file.</p>
</div>
<div class="feature__item">
<h3 class="section__title">Highlightings</h3>
<p>For better readability, interlace has a clean, beautiful color scheme allow you to scan files fast.</p>
</div>
<div class="feature__item">
<h3 class="section__title">Coming soon</h3>
<p>You can expect something incredible.</p>
</div>
</div>
<br><br><br><br>
</div>
<!--
<div class="changelog">
<div class="wrapper">
<h3 class="section__title">Changelog</h3>
<div class="changelog__item">
<div class="changelog__meta">
<h4 class="changelog__title">v0.7</h4>
<small class="changelog__date">10/12/2017</small>
</div>
<div class="changelog__detail">
<ul>
<li>Improving the writing workflow with better key bindings</li>
<li>Design updates</li>
<li>SSL Verification for web hooks</li>
<li>Render Emoji</li>
</ul>
</div>
</div>
<div class="changelog__item">
<div class="changelog__meta">
<h4 class="changelog__title">v0.6</h4>
<small class="changelog__date">7/30/2017</small>
</div>
<div class="changelog__detail">
<ul>
<li>Adding Unicode support</li>
<li>Basic text highlighting</li>
<li>Fresh Design</li>
</ul>
</div>
</div>
<div class="changelog__item">
<div class="changelog__meta">
<h4 class="changelog__title">v0.5</h4>
<small class="changelog__date">5/10/2017</small>
</div>
<div class="changelog__detail">
<ul>
<li>Save default md file in new folders</li>
<li>Ability to quick search on existing notes</li>
</ul>
</div>
</div>
<div class="changelog__callout">
<a href="#" class="button--secondary">Checkout Full Log</a>
</div>
</div>
</div>
-->
<footer class="footer">© Copyright 2023
<a href="https://github.com/vinyashegde/interlace" target="_blank" class="link link--light">Interlace</a>.css</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="interlace.js"></script>
</body>
</html>