Skip to content

Commit 99c55ce

Browse files
sondrebsondreb
committed
Simplify footer for Profile
1 parent 39d9da2 commit 99c55ce

File tree

2 files changed

+16
-125
lines changed

2 files changed

+16
-125
lines changed

‎src/app/app.component.ts

+7-125
Original file line numberDiff line numberDiff line change
@@ -31,59 +31,15 @@ import { AppLauncherComponent } from './components/app-launcher.component';
3131
</main>
3232
3333
<footer class="modern-footer">
34-
<div class="footer-content">
35-
<div class="footer-section brand-section">
34+
<div class="footer-bottom">
35+
<div>
3636
<img src="images/logo.svg" alt="Angor Logo" class="footer-logo">
37-
<p class="footer-slogan">Angor is a decentralized crowdfunding platform built on Bitcoin</p>
37+
<p class="footer-slogan">Angor is a P2P funding protocol built on Bitcoin and Nostr</p>
3838
</div>
3939
40-
<div class="footer-sections-right">
41-
<div class="footer-section">
42-
<h3>About</h3>
43-
<ul>
44-
<li><a href="https://hub.angor.io/terms">Terms of Use</a></li>
45-
<li><a href="https://hub.angor.io/privacy">Privacy Policy</a></li>
46-
</ul>
47-
</div>
48-
49-
<div class="footer-section">
50-
<h3>Features</h3>
51-
<ul>
52-
<li><a href="https://hub.angor.io" target="_blank">Angor Hub</a></li>
53-
<li><a href="https://test.angor.io" target="_blank">Angor Testnet</a></li>
54-
<li><a href="https://angor.io" target="_blank">Angor Homepage</a></li>
55-
</ul>
56-
</div>
57-
58-
<div class="footer-section">
59-
<h3>Connect</h3>
60-
<div class="social-links">
61-
<a href="https://x.com/blockcoredev" target="_blank" aria-label="Follow us on X">
62-
<svg class="social-icon" viewBox="0 0 24 24">
63-
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
64-
</svg>
65-
</a>
66-
<a href="https://github.com/block-core/angor-profile" target="_blank" aria-label="View on GitHub">
67-
<svg class="social-icon" viewBox="0 0 24 24">
68-
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
69-
</svg>
70-
</a>
71-
<a href="https://profile.angor.io/profile/3ab7c2108524b7d1c1c585f09c1b7e194f5e7f225a5bb947f378e074d74e9dbf" target="_blank" aria-label="Follow on Nostr">
72-
<svg class="social-icon" viewBox="0 0 24 24">
73-
<path d="M12 0C5.374 0 0 5.374 0 12c0 6.627 5.374 12 12 12 6.627 0 12-5.373 12-12 0-6.626-5.373-12-12-12zm2.189 15.984c-1.032.447-2.076.672-3.142.672a8.52 8.52 0 0 1-3.005-.535 7.932 7.932 0 0 1-2.424-1.463 6.744 6.744 0 0 1-1.621-2.139A5.885 5.885 0 0 1 3.4 9.987c0-.83.153-1.628.459-2.396a6.264 6.264 0 0 1 1.29-2.007 6.206 6.206 0 0 1 1.956-1.377A5.887 5.887 0 0 1 9.52 3.64c.83 0 1.628.153 2.396.459a6.264 6.264 0 0 1 2.007 1.29 6.206 6.206 0 0 1 1.377 1.956c.337.755.506 1.553.506 2.396 0 .83-.153 1.628-.459 2.396a6.264 6.264 0 0 1-1.29 2.007 6.206 6.206 0 0 1-1.956 1.377 5.887 5.887 0 0 1-2.396.459z"/>
74-
</svg>
75-
</a>
76-
<!-- <a href="https://youtube.com/@angorprotocol" target="_blank" aria-label="Subscribe on YouTube">
77-
<svg class="social-icon" viewBox="0 0 24 24">
78-
<path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
79-
</svg>
80-
</a> -->
81-
</div>
82-
</div>
83-
</div>
84-
</div>
85-
<div class="footer-bottom">
86-
<p>&copy; 2024 Angor Profile. All rights reserved. Version {{ version }}.</p>
40+
<p>&copy; 2024 Angor Profile. All rights reserved. Version {{ version }}.
41+
<a href="https://angor.io/terms/">Terms of Use</a>.
42+
<a href="https://angor.io/privacy/">Privacy Policy</a>.</p>
8743
</div>
8844
</footer>
8945
`,
@@ -99,75 +55,11 @@ import { AppLauncherComponent } from './components/app-launcher.component';
9955
.modern-footer {
10056
background: var(--header-bg);
10157
color: var(--header-text);
102-
padding: 3rem 1rem 1rem;
58+
padding: 3rem 1rem 3rem;
10359
margin-top: 4rem;
10460
}
10561
106-
.footer-content {
107-
max-width: 1200px;
108-
margin: 0 auto;
109-
display: grid;
110-
grid-template-columns: minmax(300px, 1fr) 2fr;
111-
gap: 4rem;
112-
padding-bottom: 2rem;
113-
}
114-
115-
.footer-section h3 {
116-
font-size: 1.1rem;
117-
margin-bottom: 1rem;
118-
font-weight: 600;
119-
}
120-
121-
.footer-section ul {
122-
list-style: none;
123-
padding: 0;
124-
margin: 0;
125-
}
126-
127-
.footer-section ul li {
128-
margin-bottom: 0.5rem;
129-
}
130-
131-
.footer-section a {
132-
color: var(--header-text);
133-
text-decoration: none;
134-
opacity: 0.8;
135-
transition: opacity 0.2s ease;
136-
}
137-
138-
.footer-section a:hover {
139-
opacity: 1;
140-
color: var(--accent);
141-
}
142-
143-
.footer-section:last-child {
144-
display: flex;
145-
flex-direction: column;
146-
align-items: center;
147-
text-align: center;
148-
}
149-
150-
.social-links {
151-
display: flex;
152-
gap: 1.5rem;
153-
justify-content: center;
154-
}
155-
156-
.social-icon {
157-
width: 24px;
158-
height: 24px;
159-
fill: currentColor;
160-
opacity: 0.8;
161-
transition: all 0.2s ease;
162-
}
163-
164-
.social-icon:hover {
165-
opacity: 1;
166-
transform: translateY(-2px);
167-
}
168-
16962
.footer-bottom {
170-
border-top: 1px solid var(--border);
17163
padding-top: 1rem;
17264
text-align: center;
17365
opacity: 0.8;
@@ -191,12 +83,6 @@ import { AppLauncherComponent } from './components/app-launcher.component';
19183
margin: 1em;
19284
}
19385
194-
.footer-sections-right {
195-
display: grid;
196-
grid-template-columns: repeat(3, 1fr);
197-
gap: 2rem;
198-
}
199-
20086
@media (max-width: 1024px) {
20187
.footer-content {
20288
grid-template-columns: 1fr;
@@ -206,10 +92,6 @@ import { AppLauncherComponent } from './components/app-launcher.component';
20692
.brand-section {
20793
text-align: center;
20894
}
209-
210-
.footer-sections-right {
211-
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
212-
}
21395
}
21496
21597
.footer-logo {

‎src/styles.css

+9
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,15 @@ body {
5353
color: var(--text);
5454
}
5555

56+
a {
57+
color: var(--accent);
58+
text-decoration: none
59+
}
60+
61+
a:hover {
62+
color: var(--accent-light)
63+
}
64+
5665
::-webkit-scrollbar {
5766
background-color: transparent;
5867
width: 6px;

0 commit comments

Comments
 (0)