Skip to content

Commit 38d1607

Browse files
kishikawakatsumikishikawakatsumi
authored
Merge pull request #36 from SwiftFiddle/service-list
Add service list
2 parents 19f7ccf + bdf14a4 commit 38d1607

File tree

6 files changed

+135
-13
lines changed

6 files changed

+135
-13
lines changed

‎Public/css/common.css

+12
Original file line numberDiff line numberDiff line change
@@ -97,3 +97,15 @@ ul.gj-list-md li {
9797
height: 90vh;
9898
}
9999
}
100+
101+
a .card-body {
102+
-o-transition: 0.5s;
103+
-ms-transition: 0.5s;
104+
-moz-transition: 0.5s;
105+
-webkit-transition: 0.5s;
106+
transition: 0.5s;
107+
}
108+
109+
a .card-body:hover {
110+
background-color: #f8f9fa;
111+
}

‎Public/images/icon-swiftfiddle.com.svg

+16
Loading

‎Public/images/icon_swift-ast-explorer.com.svg

+9
Loading

‎Public/images/icon_swift-format.com.svg

+9
Loading

‎Resources/Views/error.leaf

+7-4
Original file line numberDiff line numberDiff line change
@@ -11,18 +11,21 @@
1111
<meta property="twitter:image" content="https://swift-ast-explorer.com/images/ogp_image.png" />
1212
<meta property="og:image" content="https://swift-ast-explorer.com/images/ogp_image.png" />
1313
<meta property="og:title" content="Swift AST Explorer">
14-
<meta property="og:description" content="Swift AST Explorer - AST visualizer for Swift source code" />
14+
<meta property="og:description"
15+
content="Visualize Swift AST and select nodes within the editor, a great way to learn about the structure of Swift syntax trees." />
16+
<meta name="description"
17+
content="Visualize Swift AST and select nodes within the editor, a great way to learn about the structure of Swift syntax trees." />
1518
<meta property="og:site_name" content="Swift AST Explorer - AST visualizer for Swift source code" />
1619

1720
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
1821
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
1922
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
2023
<link rel="manifest" href="/favicons/site.webmanifest">
21-
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="\#5bbad5">
24+
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5">
2225
<link rel="shortcut icon" href="/favicons/favicon.ico">
23-
<meta name="msapplication-TileColor" content="\#da532c">
26+
<meta name="msapplication-TileColor" content="#da532c">
2427
<meta name="msapplication-config" content="/favicons/browserconfig.xml">
25-
<meta name="theme-color" content="\#ffffff">
28+
<meta name="theme-color" content="#ffffff">
2629

2730
<title>#(title) | #(status) - #(error)</title>
2831
<style type="text/css">

‎Resources/Views/index.leaf

+82-9
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,10 @@
99
<meta property="twitter:image" content="https://swift-ast-explorer.com/images/ogp_image.png" />
1010
<meta property="og:image" content="https://swift-ast-explorer.com/images/ogp_image.png" />
1111
<meta property="og:title" content="Swift AST Explorer">
12-
<meta property="og:description" content="Swift AST Explorer - AST visualizer for Swift source code" />
12+
<meta property="og:description"
13+
content="Visualize Swift AST and select nodes within the editor, a great way to learn about the structure of Swift syntax trees." />
14+
<meta name="description"
15+
content="Visualize Swift AST and select nodes within the editor, a great way to learn about the structure of Swift syntax trees." />
1316
<meta property="og:site_name" content="Swift AST Explorer - AST visualizer for Swift source code" />
1417

1518
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/themes/light-border.css"
@@ -32,11 +35,11 @@
3235
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
3336
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
3437
<link rel="manifest" href="/favicons/site.webmanifest">
35-
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="\#5bbad5">
38+
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5">
3639
<link rel="shortcut icon" href="/favicons/favicon.ico">
37-
<meta name="msapplication-TileColor" content="\#da532c">
40+
<meta name="msapplication-TileColor" content="#da532c">
3841
<meta name="msapplication-config" content="/favicons/browserconfig.xml">
39-
<meta name="theme-color" content="\#ffffff">
42+
<meta name="theme-color" content="#ffffff">
4043

4144
<title>Swift AST Explorer</title>
4245
</head>
@@ -49,9 +52,12 @@
4952
<div class="col-md-6 m-2">
5053
<div class="row">
5154
<div class="col-md-auto">
52-
<span class="fab fa-swift fa-2x text-primary d-inline-block align-middle"
53-
style="min-width: 2rem; min-height: 2rem;"></span>
54-
<span class="h4 text-dark d-inline-block align-middle m-0">Swift AST Explorer</span>
55+
<a class="text-decoration-none" href="#" data-bs-toggle="offcanvas" data-bs-target="#service-list-offcanvas"
56+
aria-label="Service List" aria-controls="service-list-offcanvas">
57+
<span class="fab fa-swift fa-2x text-primary d-inline-block align-middle"
58+
style="min-width: 2rem; min-height: 2rem;"></span>
59+
<span class="h4 text-dark d-inline-block align-middle m-0">Swift AST Explorer</span>
60+
</a>
5561
</div>
5662
<div class="col-md-auto">
5763
<button type="button" id="run-button" class="btn btn-primary btn-sm rounded-pill disabled">
@@ -63,11 +69,11 @@
6369
</button>
6470
<button type="button" id="format-button"
6571
class="btn btn-outline-primary btn-sm rounded-circle p-0 ms-1 disabled" data-bs-toggle="tooltip"
66-
data-bs-placement="bottom" data-bs-container="\#format-button" title="Format" aria-label="Format"
72+
data-bs-placement="bottom" data-bs-container="#format-button" title="Format" aria-label="Format"
6773
style="min-width: 2rem; min-height: 2rem;">
6874
<span class="fas fa-align-left fa-fw"></span>
6975
</button>
70-
<span data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-container="\#help-button" title="Help">
76+
<span data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-container="#help-button" title="Help">
7177
<button type="button" id="help-button" class="btn btn-outline-primary btn-sm rounded-circle p-0 ms-1"
7278
data-bs-toggle="modal" data-bs-target="#help-modal" aria-label="Help"
7379
style="min-width: 2rem; min-height: 2rem;">
@@ -198,6 +204,73 @@
198204
</div>
199205
</div>
200206

207+
<!-- Service List Offcanvas -->
208+
<div class="offcanvas offcanvas-start text-dark" tabindex="-1" id="service-list-offcanvas"
209+
aria-labelledby="service-list-offcanvas-label">
210+
<div class="offcanvas-header">
211+
<h5 class="offcanvas-title" id="service-list-offcanvas-label">
212+
<span class="far fa-toolbox fa-fw me-2"></span>Swift Web Tools
213+
</h5>
214+
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close">
215+
</button>
216+
</div>
217+
<div class="offcanvas-body py-1">
218+
<div class="card mb-3">
219+
<div class="row g-0">
220+
<div class="col">
221+
<a href="https://swiftfiddle.com" class="text-reset text-decoration-none" target="_blank"
222+
rel="nofollow noopener noreferrer">
223+
<div class="card-body">
224+
<img src="/images/icon-swiftfiddle.com.svg" class="float-start me-2 rounded-3"
225+
style="width: 54px; height: 54px" alt="...">
226+
<h5 class="card-title">SwiftFiddle</h5>
227+
<h6 class="text-muted">Swift Online Playground</h6>
228+
<p class="card-text">SwiftFiddle is an online playground for creating, sharing and embedding Swift
229+
fiddles
230+
(little Swift programs that run directly in your browser).</p>
231+
</div>
232+
</a>
233+
</div>
234+
</div>
235+
</div>
236+
<div class="card mb-3">
237+
<div class="row g-0">
238+
<div class="col">
239+
<a href="https://swift-ast-explorer.com" class="text-reset text-decoration-none" target="_blank"
240+
rel="nofollow noopener noreferrer">
241+
<div class="card-body">
242+
<img src="/images/icon_swift-ast-explorer.com.svg" class="float-start me-2 rounded-3"
243+
style="width: 54px; height: 54px" alt="...">
244+
<h5 class="card-title">Swift AST Explorer</h5>
245+
<h6 class="text-muted">AST visualizer for Swift source code</h6>
246+
<p class="card-text">Visualize Swift AST and select nodes within the editor, a great way to learn about
247+
the structure of
248+
Swift syntax trees.</p>
249+
</div>
250+
</a>
251+
</div>
252+
</div>
253+
</div>
254+
<div class="card mb-3">
255+
<div class="row g-0">
256+
<div class="col">
257+
<a href="https://swift-format.com" class="text-reset text-decoration-none" target="_blank"
258+
rel="nofollow noopener noreferrer">
259+
<div class="card-body">
260+
<img src="/images/icon_swift-format.com.svg" class="float-start me-2 rounded-3"
261+
style="width: 54px; height: 54px" alt="...">
262+
<h5 class="card-title text-dark">Swift Formatter</h5>
263+
<h6 class="text-muted">Online Swift code formatter</h6>
264+
<p class="card-text text-dark">Format a Swift code, making it readable and pretty, with the proper
265+
indentation.</p>
266+
</div>
267+
</a>
268+
</div>
269+
</div>
270+
</div>
271+
</div>
272+
</div>
273+
201274
<script src="https://browser.sentry-cdn.com/6.11.0/bundle.tracing.min.js"
202275
integrity="sha384-XuDodOP4mgLWA8eRlqZJWs+mtmznHF6ES/nOotK0fE7SHjj0Ec3YMVIzjh5ytsKH" crossorigin="anonymous">
203276
</script>

0 commit comments

Comments
 (0)