Skip to content

Commit 1f19613

Browse files
committed
more compact fitting
1 parent 5873117 commit 1f19613

2 files changed

Lines changed: 61 additions & 58 deletions

File tree

sass/hallo/_layout.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,7 @@ main {
122122
}
123123

124124
.projects {
125-
margin-top: 25px;
125+
margin-top: 50px;
126126
text-align: center;
127127

128128
p {

templates/index.html

Lines changed: 60 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -19,69 +19,72 @@
1919
</div>
2020
</main>
2121
<main>
22-
<div class="clients column left">
23-
<p>
24-
Our Clients:
25-
</p>
22+
<div class="column left">
23+
<div class="clients">
24+
<p>
25+
Our Clients:
26+
</p>
2627

27-
<div class="row">
28-
<img src="{{ get_url(path='clients/kraken.svg') }}" alt="kraken logo" />
29-
<img src="{{ get_url(path='clients/gitbutler.svg') }}" alt="gitbutler logo" />
30-
<img src="{{ get_url(path='clients/mtg.svg') }}" alt="mtg logo" />
31-
<img src="{{ get_url(path='clients/kolibri.svg') }}" alt="kolibri logo" />
32-
<img src="{{ get_url(path='clients/ggs.svg') }}" alt="ggs logo" />
33-
<img src="{{ get_url(path='clients/cratr.svg') }}" alt="cratr logo" />
34-
<img src="{{ get_url(path='clients/gamigo.svg') }}" alt="gamigo logo" />
35-
<img src="{{ get_url(path='clients/hyper.svg') }}" alt="hyper logo" />
36-
<img src="{{ get_url(path='clients/fslabs.svg') }}" alt="fslabs logo" />
37-
<!-- didi? -->
28+
<div class="row">
29+
<img src="{{ get_url(path='clients/kraken.svg') }}" alt="kraken logo" />
30+
<img src="{{ get_url(path='clients/gitbutler.svg') }}" alt="gitbutler logo" />
31+
<img src="{{ get_url(path='clients/mtg.svg') }}" alt="mtg logo" />
32+
<img src="{{ get_url(path='clients/kolibri.svg') }}" alt="kolibri logo" />
33+
<img src="{{ get_url(path='clients/ggs.svg') }}" alt="ggs logo" />
34+
<img src="{{ get_url(path='clients/cratr.svg') }}" alt="cratr logo" />
35+
<img src="{{ get_url(path='clients/gamigo.svg') }}" alt="gamigo logo" />
36+
<img src="{{ get_url(path='clients/hyper.svg') }}" alt="hyper logo" />
37+
<img src="{{ get_url(path='clients/fslabs.svg') }}" alt="fslabs logo" />
38+
<!-- didi? -->
39+
</div>
3840
</div>
3941
</div>
40-
<div class="apps column right" id="games">
41-
<p>
42-
Our Mobile Games:
43-
</p>
42+
<div class="column right">
43+
<div class="apps" id="games">
44+
<p>
45+
Our Mobile Games:
46+
</p>
4447

45-
<div class="row">
46-
<a href="https://zoolitaire.com" class="app">
47-
<img src="{{ get_url(path='images/zoolitaire.png') }}" alt="zoolitaire icon" />
48-
<div>zoolitaire.com</div>
49-
</a>
50-
<a href="https://tinytakeoff.com" class="app">
51-
<img src="{{ get_url(path='images/tinytakeoff.png') }}" alt="tinytakeoff icon" />
52-
<div>tinytakeoff.com</div>
53-
</a>
48+
<div class="row">
49+
<a href="https://zoolitaire.com" class="app">
50+
<img src="{{ get_url(path='images/zoolitaire.png') }}" alt="zoolitaire icon" />
51+
<div>zoolitaire.com</div>
52+
</a>
53+
<a href="https://tinytakeoff.com" class="app">
54+
<img src="{{ get_url(path='images/tinytakeoff.png') }}" alt="tinytakeoff icon" />
55+
<div>tinytakeoff.com</div>
56+
</a>
57+
</div>
5458
</div>
55-
</div>
56-
</main>
57-
<main>
58-
<div class="projects column left" id="projects">
59-
<p>
60-
Featured Open Source Projects:
61-
</p>
6259

63-
<div class="row">
64-
<a href="https://live-ask.com" class="project">
65-
<div class="project-info">
66-
<div class="project-name">live-ask.com</div>
67-
<div class="project-description">Real-time Q&A platform for moderating audience questions at events</div>
68-
</div>
69-
<img src="{{ get_url(path='images/liveask-logo.svg') }}" class="project-logo" alt="live-ask logo" />
70-
</a>
71-
<a href="https://ezli.me" class="project">
72-
<div class="project-info">
73-
<div class="project-name">ezli.me</div>
74-
<div class="project-description">Lightning-fast, privacy-focused URL shortening service</div>
75-
</div>
76-
<img src="{{ get_url(path='images/ezlime-logo.svg') }}" class="project-logo" alt="ezli.me logo" />
77-
</a>
78-
<a href="https://gitui.org" class="project">
79-
<div class="project-info">
80-
<div class="project-name">gitui.org</div>
81-
<div class="project-description">Blazing fast terminal UI for Git written in Rust</div>
82-
</div>
83-
<img src="{{ get_url(path='images/gitui-logo.png') }}" class="project-logo" alt="gitui logo" />
84-
</a>
60+
<div class="projects" id="projects">
61+
<p>
62+
Featured Open Source Projects:
63+
</p>
64+
65+
<div class="row">
66+
<a href="https://live-ask.com" class="project">
67+
<div class="project-info">
68+
<div class="project-name">live-ask.com</div>
69+
<div class="project-description">Real-time Q&A platform for moderating audience questions at events</div>
70+
</div>
71+
<img src="{{ get_url(path='images/liveask-logo.svg') }}" class="project-logo" alt="live-ask logo" />
72+
</a>
73+
<a href="https://ezli.me" class="project">
74+
<div class="project-info">
75+
<div class="project-name">ezli.me</div>
76+
<div class="project-description">Lightning-fast, privacy-focused URL shortening service</div>
77+
</div>
78+
<img src="{{ get_url(path='images/ezlime-logo.svg') }}" class="project-logo" alt="ezli.me logo" />
79+
</a>
80+
<a href="https://gitui.org" class="project">
81+
<div class="project-info">
82+
<div class="project-name">gitui.org</div>
83+
<div class="project-description">Blazing fast terminal UI for Git written in Rust</div>
84+
</div>
85+
<img src="{{ get_url(path='images/gitui-logo.png') }}" class="project-logo" alt="gitui logo" />
86+
</a>
87+
</div>
8588
</div>
8689
</div>
8790
</main>

0 commit comments

Comments
 (0)