This repository has no description
add about page press
author
damedotblog
date
(Mar 16, 2025, 12:14 PM -0400)
commit
5aef6087
5aef608701736ffae55f79aee8b55a14248b9167
parent
b0cf2f5d
b0cf2f5d8b8534d3453e2f824ba8b08d4d5cda52
+45
-2
+21
-2
app/src/app/about/about.module.css
+21
-2
app/src/app/about/about.module.css
···
56
56
text-decoration: underline;
57
57
}
58
58
59
-
.featureList {
59
+
.featureList, .pressList {
60
60
margin: 1.5rem 0;
61
61
padding-left: 1.5rem;
62
62
}
63
63
64
-
.featureList li {
64
+
.featureList li, .pressList li {
65
65
line-height: 1.6;
66
+
margin-bottom: 0.75rem;
67
+
}
68
+
69
+
.videoContainer {
70
+
position: relative;
71
+
width: 100%;
72
+
padding-bottom: 56.25%; /* 16:9 aspect ratio */
73
+
height: 0;
74
+
margin: 1.5rem 0;
75
+
}
76
+
77
+
.videoContainer iframe {
78
+
position: absolute;
79
+
top: 0;
80
+
left: 0;
81
+
width: 100%;
82
+
height: 100%;
83
+
border-radius: 0.5rem;
84
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
66
85
}
67
86
68
87
.actionLinks {
+24
app/src/app/about/page.tsx
+24
app/src/app/about/page.tsx
···
17
17
</div>
18
18
19
19
<div className={styles.section}>
20
+
<h2>In the Press</h2>
21
+
<p>
22
+
Flushes has gained attention for its unique take on social media and creative use of AT Protocol:
23
+
</p>
24
+
<ul className={styles.pressList}>
25
+
<li>
26
+
<a href="https://mashable.com/article/bluesky-jay-graber-keynote-session-sxsw-2025" target="_blank" rel="noopener noreferrer">Mashable: Mentioned in Bluesky's SXSW 2025 keynote session</a>
27
+
</li>
28
+
</ul>
29
+
<div className={styles.videoContainer}>
30
+
<iframe
31
+
width="560"
32
+
height="315"
33
+
src="https://www.youtube.com/embed/jjRCoDDqkfk?si=-_lgmX4CC5eMz8wt&controls=0"
34
+
title="YouTube video player"
35
+
frameBorder="0"
36
+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
37
+
referrerPolicy="strict-origin-when-cross-origin"
38
+
allowFullScreen
39
+
></iframe>
40
+
</div>
41
+
</div>
42
+
43
+
<div className={styles.section}>
20
44
<h2>How It Works</h2>
21
45
<p>
22
46
Flushes uses the im.flushing.right.now lexicon, a custom record type