Skip to content

Commit 1cebf1d

Browse files
committed
Homepage adjustments
1 parent 4a6aa4d commit 1cebf1d

File tree

2 files changed

+63
-80
lines changed

2 files changed

+63
-80
lines changed

index.css

Lines changed: 48 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -77,77 +77,60 @@ nav {
7777

7878
#projects {
7979
padding-top: 10em;
80+
}
8081

81-
h1 {
82-
color: #eee;
83-
text-align: center;
84-
}
85-
86-
section {
87-
margin: 0 auto;
88-
padding: 0 2em;
89-
display: flex;
90-
flex-direction: column;
91-
justify-content: center;
92-
align-items: center;
93-
}
94-
95-
section.project {
96-
margin-top: 14rem;
97-
margin-bottom: 14rem;
98-
}
82+
#projects h1 {
83+
color: #eee;
84+
text-align: center;
85+
}
9986

100-
section.project img {
101-
display: block;
102-
max-width: 100%;
103-
margin-bottom: 2em;
104-
}
87+
#projects section {
88+
margin: 0 auto;
89+
padding: 0 2em;
90+
display: flex;
91+
flex-direction: column;
92+
justify-content: center;
93+
align-items: center;
94+
}
10595

106-
/* Project name */
107-
section.project h2 {
108-
color: #e9e9e9;
109-
font-size: 2rem;
110-
margin-bottom: 25px;
111-
}
96+
#projects section.project {
97+
margin-top: 14rem;
98+
margin-bottom: 14rem;
99+
}
112100

113-
section.project .links {
114-
text-align: center;
115-
margin-bottom: 25px;
116-
}
101+
#projects section.project img {
102+
display: block;
103+
max-width: 100%;
104+
margin-bottom: 2em;
105+
}
117106

118-
section.project .links a {
119-
color: cyan;
120-
}
107+
/* Project name */
108+
#projects section.project h2 {
109+
color: #e9e9e9;
110+
font-size: 1.6rem;
111+
margin-bottom: 0.8em;
112+
}
121113

122-
/* Description */
123-
section.project h3 {
124-
margin: 0;
125-
max-width: 400px;
126-
font-size: 120%;
127-
font-weight: normal;
128-
font-style: italic;
129-
color: #eee;
130-
text-align: center;
131-
line-height: 140%;
132-
}
114+
/* Description */
115+
#projects section.project p {
116+
margin: 0;
117+
margin-bottom: 0.8em;
118+
max-width: 400px;
119+
font-size: 110%;
120+
font-weight: normal;
121+
color: #ccc;
122+
text-align: center;
123+
line-height: 140%;
124+
}
133125

134-
/* GitHub icon before GitHub links */
135-
a[href*="github.com"]::before {
136-
content: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.385.6.11.82-.26.82-.577 0-.285-.01-1.04-.015-2.04-3.338.725-4.042-1.61-4.042-1.61-.546-1.38-1.332-1.747-1.332-1.747-1.09-.745.084-.73.084-.73 1.205.084 1.84 1.237 1.84 1.237 1.07 1.835 2.805 1.305 3.49.997.108-.775.42-1.305.763-1.605-2.665-.3-5.467-1.335-5.467-5.932 0-1.31.465-2.38 1.235-3.22-.125-.303-.535-1.523.115-3.176 0 0 1.005-.322 3.3 1.23a11.48 11.48 0 013.003-.404c1.02.004 2.045.138 3.004.404 2.28-1.552 3.285-1.23 3.285-1.23.655 1.653.245 2.873.12 3.176.77.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.922.43.37.815 1.1.815 2.222 0 1.606-.015 2.896-.015 3.286 0 .32.21.694.825.577C20.565 21.795 24 17.295 24 12c0-6.63-5.37-12-12-12z"/></svg>');
137-
display: inline-block;
138-
vertical-align: middle;
139-
margin-right: 0.4em;
140-
width: 16px;
141-
height: 16px;
142-
}
126+
#projects section.project .links {
127+
display: flex;
128+
align-items: center;
129+
gap: 0.5rem;
130+
}
143131

144-
/* Docs icon before Docs links */
145-
a.docs-link::before {
146-
content: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="16"><path d="M6 2h9a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4a2 2 0 012-2zm0 2v16h9V4H6zm3 3h3v2H9V7zm0 3h3v2H9v-2z"/></svg>');
147-
display: inline-block;
148-
vertical-align: middle;
149-
margin-right: 0.4em;
150-
width: 16px;
151-
height: 16px;
152-
}
132+
#projects section.project .links a {
133+
color: cyan;
134+
text-decoration: none;
135+
margin-bottom: 1.5em;
153136
}

index.html

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -126,54 +126,54 @@ <h1>Projects</h1>
126126
<section class="project">
127127
<img src="/assets/sku-generator.png" alt="SKU Generator logo" />
128128
<h2>SKU Generator</h2>
129+
<p>Create Stock Keeping Unit (SKU) Codes for Retail Products</p>
129130
<div class="links">
130-
<a class="docs-link" href="https://sku-generator.com">App</a>
131-
<a class="docs-link" href="/sku-generator/">Docs</a>
131+
<a href="https://sku-generator.com">App</a>
132+
<a href="/sku-generator/">Docs</a>
132133
</div>
133-
<h3>Create Stock Keeping Unit (SKU) Codes for Retail Products</h3>
134134
</section>
135135

136136
<!-- SuperStack -->
137137
<section class="project">
138138
<img src="/assets/superstack.png" alt="SuperStack logo" />
139139
<h2>SuperStack</h2>
140+
<p>Lightweight and extensible application backend</p>
140141
<div class="links">
141142
<a href="https://github.com/explodinglabs/superstack">GitHub</a> |
142-
<a class="docs-link" href="/superstack/">Docs</a> |
143-
<a class="docs-link" href="https://github.com/explodinglabs/superstack/wiki">Wiki</a>
143+
<a href="/superstack/">Docs</a> |
144+
<a href="https://github.com/explodinglabs/superstack/wiki">Wiki</a>
144145
</div>
145-
<h3>Lightweight and extensible application backend</h3>
146146
</section>
147147

148148
<!-- powersync -->
149149
<section class="project">
150150
<img src="/assets/powersync.png" alt="powersync logo" />
151151
<h2>PowerSync</h2>
152+
<p>
153+
Keep browsers in sync during development
154+
</p>
152155
<div class="links">
153156
<a href="https://github.com/explodinglabs/powersync">GitHub</a>
154157
</div>
155-
<h3>
156-
Keep browsers in sync during development
157-
</h3>
158158
</section>
159159

160160
<!-- jsonrpcclient -->
161161
<section class="project">
162162
<img src="/assets/jsonrpcclient.png" alt="jsonrpcclient logo" />
163163
<div class="links">
164164
<a href="https://github.com/explodinglabs/jsonrpcclient">GitHub</a> |
165-
<a class="docs-link" href="/jsonrpcclient/">Docs</a> |
166-
<a class="docs-link" href="https://github.com/explodinglabs/jsonrpcclient/wiki">Wiki</a>
165+
<a href="/jsonrpcclient/">Docs</a> |
166+
<a href="https://github.com/explodinglabs/jsonrpcclient/wiki">Wiki</a>
167167
</div>
168168
<img src="/assets/jsonrpcserver.png" alt="jsonrpcserver logo" />
169169
<div class="links">
170170
<a href="https://github.com/explodinglabs/jsonrpcserver">GitHub</a> |
171-
<a class="docs-link" href="/jsonrpcserver/">Docs</a> |
172-
<a class="docs-link" href="https://github.com/explodinglabs/jsonrpcserver/wiki">Wiki</a>
171+
<a href="/jsonrpcserver/">Docs</a> |
172+
<a href="https://github.com/explodinglabs/jsonrpcserver/wiki">Wiki</a>
173173
</div>
174-
<h3>
174+
<p>
175175
JSON-RPC handling Python libraries
176-
</h3>
176+
</p>
177177
</section>
178178

179179
</div>

0 commit comments

Comments
 (0)