Skip to content

Commit 6f764af

Browse files
uncomputableuncomputable
committed
Merge #49: Footer
c2273fe footer links styled as blocks (Daniel Petersen) e5c8976 footer centered (Daniel Petersen) Pull request description: Styled the footer. ACKs for top commit: uncomputable: ACK c2273fe I like it. Although I will remove the copyright notice. Simfony is licensed as CC0. Tree-SHA512: 1b8c840c95f5a8f06b0526f1cb9617a71a18cf232196cae3cac63ba5733bf396a44dde910c5432d9ff1c485aab5a404a7936deb1ced6383f81b6246fd5ae3a83
2 parents 2d181c0 + c2273fe commit 6f764af

File tree

5 files changed

+111
-65
lines changed

5 files changed

+111
-65
lines changed

‎src/assets/images/simfony_logo.svg

+16
Loading

‎src/assets/images/simplicity_logo.svg

-48
This file was deleted.

‎src/assets/style/components/footer.scss

+65
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
.footer{
2+
display: flex;
3+
justify-content: space-around;
4+
margin: 60px 0;
5+
font-size: 14px;
6+
7+
@media screen and (max-width: 1300px) {
8+
flex-direction: column;
9+
gap: 40px;
10+
margin: 40px 30px;
11+
}
12+
13+
.footer-left{
14+
.footer-logo{
15+
height: 36px;
16+
margin-bottom: 10px;
17+
}
18+
p{
19+
margin-bottom: 10px;
20+
text-wrap: nowrap;
21+
}
22+
}
23+
.footer-right{
24+
.footer-title{
25+
margin: 0 0 10px 0;
26+
}
27+
28+
.footer-links{
29+
display: grid;
30+
grid-template: 1fr 1fr / 1fr 1fr;
31+
gap: 20px;
32+
33+
@media screen and (max-width: 800px) {
34+
grid-template: 1fr / 1fr;
35+
}
36+
37+
.footer-link{
38+
display: flex;
39+
flex-direction: column;
40+
gap: 10px;
41+
42+
border: 1px solid #1d2127;
43+
padding: 20px;
44+
border-radius: 6px;
45+
transition: border .5s;
46+
text-decoration: none;
47+
48+
&:hover{
49+
border: 1px solid #ea9606;
50+
}
51+
52+
.footer-link-icon{
53+
margin-right: 10px;
54+
}
55+
56+
.footer-link-text{
57+
color: white;
58+
}
59+
.footer-link-url{
60+
color: #ea9606;
61+
}
62+
}
63+
}
64+
}
65+
}

‎src/assets/style/style.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
@import 'components/string_box.scss';
88
@import 'components/tab_content.scss';
99
@import 'components/tooltip.scss';
10+
@import 'components/footer.scss';
1011

1112
* {
1213
box-sizing: border-box;
@@ -21,7 +22,6 @@ body {
2122
background-color: $body-background;
2223
color: $text-white;
2324
font-family: 'inter', sans-serif;
24-
padding-bottom: 400px;
2525
}
2626

2727
h1, h2, h3, h4, h5, h6{

‎src/components/footer.rs

+29-16
Original file line numberDiff line numberDiff line change
@@ -3,23 +3,36 @@ use leptos::{component, view, IntoView};
33
#[component]
44
pub fn Footer() -> impl IntoView {
55
view! {
6-
<div class="center">
7-
<h1 class="intro-title">Further Links</h1>
8-
<div>
9-
"🚀 "
10-
<a href="https://simfony-lang.com/" target="blank">Simfony Lander</a>
6+
<div class="footer">
7+
<div class="footer-left">
8+
<img class="footer-logo" src="images/simfony_logo.svg" />
9+
<p>Developers write Simfony, full nodes execute Simplicity.</p>
10+
<p>"©2024 Simfony. All rights reserved."</p>
1111
</div>
12-
<div>
13-
"📜 "
14-
<a href="https://docs.rs/simfony-as-rust/latest/simfony_as_rust/jet/index.html" target="blank">Jet documentation</a>
15-
</div>
16-
<div>
17-
"🛠️ "
18-
<a href="https://github.com/uncomputable/simfony-webide" target="blank">Simfony web IDE GitHub repository</a>
19-
</div>
20-
<div>
21-
"🛠️ "
22-
<a href="https://github.com/BlockstreamResearch/simfony" target="blank">Simfony compiler GitHub repository</a>
12+
<div class="footer-right">
13+
<h1 class="footer-title">Learn more</h1>
14+
<div class="footer-links">
15+
<a href="https://simfony-lang.com/" target="blank" class="footer-link">
16+
<div class="footer-link-icon">"🚀"</div>
17+
<div class="footer-link-text">Simfony Lander</div>
18+
<div class="footer-link-url">"https://simfony-lang.com"</div>
19+
</a>
20+
<a href="https://docs.rs/simfony-as-rust/latest/simfony_as_rust/jet/index.html" target="blank" class="footer-link">
21+
<div class="footer-link-icon">"📜"</div>
22+
<div class="footer-link-text">Jet documentation</div>
23+
<div class="footer-link-url">"https://docs.rs/simfony-as-rust"</div>
24+
</a>
25+
<a href="https://github.com/uncomputable/simfony-webide" target="blank" class="footer-link">
26+
<div class="footer-link-icon">"🛠️"</div>
27+
<div class="footer-link-text">Simfony web IDE GitHub repository</div>
28+
<div class="footer-link-url">"https://github.com/uncomputable/simfony-webide"</div>
29+
</a>
30+
<a href="https://github.com/BlockstreamResearch/simfony" target="blank" class="footer-link">
31+
<div class="footer-link-icon">"🛠️"</div>
32+
<div class="footer-link-text">Simfony compiler GitHub repository</div>
33+
<div class="footer-link-url">"https://github.com/BlockstreamResearch/simfony"</div>
34+
</a>
35+
</div>
2336
</div>
2437
</div>
2538
}

0 commit comments

Comments
 (0)