Skip to content

Commit 3734629

Browse files
author
GitHub Actions
committed
Automated publish
1 parent ed802ca commit 3734629

8 files changed

Lines changed: 52 additions & 33 deletions

File tree

‎build_files/animation.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build_files/b_plus_trees.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build_files/components.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build_files/diff_checker.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎pages/animation.html‎

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,8 @@
8080
<div class="row mb-3 align-items-center">
8181
<div class="col-2 text-end">
8282
<label for="input-data" class="form-label">
83-
Input</label>
83+
Input
84+
</label>
8485
</div>
8586
<div class="col-10">
8687
<!-- Textbox for input bits -->
@@ -111,6 +112,22 @@
111112
</div>
112113
</div>
113114
</div>
115+
<!-- User warnings -->
116+
<div class="row align-items-center">
117+
<div class="col-2 text-end"></div>
118+
<div class="col-10">
119+
<div id="user-warning">
120+
<span id="warning-icon"
121+
class="warning-icon"
122+
data-bs-toggle="tooltip"
123+
data-bs-placement="top"
124+
title="Warning: Newlines detected. They will be removed and input will become one line."
125+
style="cursor: pointer; display: none;">
126+
<i class="bi bi-exclamation-circle-fill"></i>
127+
</span>
128+
</div>
129+
</div>
130+
</div>
114131
</div>
115132
</div>
116133
</div>

‎pages/diff_checker.html‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@ <h2>Your Compression</h2>
3333
<div class="row">
3434
<div class="col">
3535
<!-- Hidden file input for text1 -->
36+
<label for="fileText1" class="butn custom-file-upload-btn">Upload File</label>
3637
<div class="file-input">
3738
<input
3839
id="fileText1"
@@ -105,7 +106,7 @@ <h2 id="expected-compression-header">Expected Compression</h2>
105106
</div>
106107
<div class="row" id="download-btn-row">
107108
<div class="col mt-3 align-items-center justify-content-center text-center">
108-
<div class="btn btn-sm btn-secondary" id="download-compressed-btn">Download compressed file</div>
109+
<div class="butn btn-sm btn-secondary" id="download-compressed-btn">Download compressed file</div>
109110
</div>
110111
</div>
111112
</div>
@@ -114,14 +115,15 @@ <h2 id="expected-compression-header">Expected Compression</h2>
114115
</div>
115116
</div>
116117
<div class="row mb-2">
117-
<div class="col-xl-8 col-lg-7 col-md-8 col-sm-7">
118+
<div class="col-xl-8 col-lg-7 col-md-8 col-sm-7 d-flex justify-content-between">
119+
<label for="fileText2" class="butn custom-file-upload-btn">Upload File</label>
118120
<div class="file-input">
119121
<input
120122
id="fileText2"
121123
type="file"
122124
/>
123-
<button id="transpose-btn" class="btn btn-sm btn-secondary">Transpose</button>
124125
</div>
126+
<button id="transpose-btn" class="butn btn-sm">Transpose</button>
125127
</div>
126128
<div class="col-xl-4 col-lg-5 col-md-4 col-sm-5 mt-2">
127129
<div id="settings-warning-text" class="small" style="color: red;"></div>
@@ -132,7 +134,7 @@ <h2 id="expected-compression-header">Expected Compression</h2>
132134
</div>
133135

134136
<div class="text-center mt-3">
135-
<button id="compare-btn" class="btn btn-primary">Compare</button>
137+
<button id="compare-btn" class="butn">Compare</button>
136138
</div>
137139
<div id="result" class="mt-4">
138140
<!-- Differences displayed here -->

‎styles/animation.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,11 @@ textarea {
1414
resize: none;
1515
}
1616

17+
#user-warning {
18+
color: red;
19+
min-height: 1.5em;
20+
}
21+
1722
#stepDescription {
1823
margin-bottom: 1rem;
1924
font-size: 18px;

‎styles/diff_checker.css‎

Lines changed: 19 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,6 @@
1414
--active-border-color: red;
1515
}
1616

17-
.btn-group {
18-
display: flex;
19-
overflow: hidden;
20-
}
21-
2217
.btn {
2318
justify-content: center;
2419
font-size: 0.85rem;
@@ -32,6 +27,11 @@
3227
border-radius: 0 0 0.5rem 0.5rem !important;
3328
}
3429

30+
.btn-group {
31+
display: flex;
32+
overflow: hidden;
33+
}
34+
3535
#compression-settings-col {
3636
background-color: var(--accent-200);
3737
border-radius: 10px;
@@ -163,18 +163,6 @@ textarea {
163163
text-align: center;
164164
}
165165

166-
.file-input {
167-
margin-top: 0.5rem;
168-
display: flex;
169-
justify-content: space-between;
170-
flex-direction: row;
171-
align-items: center;
172-
}
173-
174-
.file-input input[type="file"] {
175-
flex: 1;
176-
}
177-
178166
.word-diff-highlight {
179167
background-color: var(--word-diff-highlight-bg);
180168
}
@@ -228,17 +216,24 @@ textarea {
228216
margin-left: 20px;
229217
}
230218

231-
.nav-button {
232-
background-color: #f0f0f0;
233-
border: 1px solid #ccc;
219+
.butn, .nav-button{
220+
padding: 0.5rem 1rem;
221+
font-size: 0.85rem;
234222
border-radius: 4px;
235-
padding: 5px 10px;
236223
cursor: pointer;
237-
color: black;
224+
border: 1px solid var(--accent-400);
225+
background-color: var(--accent-200);
226+
color: var(--text);
227+
transition: all 200ms ease-in-out;
238228
}
239229

240-
.nav-button:hover {
241-
background-color: #e0e0e0;
230+
.butn:hover, .nav-button:hover {
231+
background-color: var(--accent-300);
232+
transform: translateY(-1px);
233+
}
234+
235+
.file-input input[type="file"] {
236+
display:none;
242237
}
243238

244239
.diff-container-header {

0 commit comments

Comments
 (0)