Skip to content

Commit 1acca11

Browse files
author
Houssein Djirdeh
committed
finish off website
1 parent 1bdb00a commit 1acca11

File tree

4 files changed

+53
-39
lines changed

4 files changed

+53
-39
lines changed

_includes/footer.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<footer class="pv4 ph3 ph5-m ph6-l dark-gray bg-primary avenir">
2-
<div class="f4 db tc mt2 mb4">Brought to you by <span class="fw6">Houssein Djirdeh</span></div>
3-
<div class="f6 db tc">Show this project some ❤ on <b class="ttu tracked">GitHub</b></div>
1+
<footer class="pv4 ph3 ph5-m ph6-l dark-gray bg-primary karla">
2+
<div class="f5 f4-ns db tc mt2 mb4">Brought to you by <a class="link fw7 dark-gray dim" href="https://houssein.me/">Houssein Djirdeh</a></div>
3+
<div class="f6 f5-ns db tc">Show this project some ❤ on <a class="link fw7 dark-gray dim" href="https://github.com/housseindjirdeh/git-point">GitHub</a></div>
44
</footer>

_includes/header.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</div>
66
</div>
77

8-
<div class="flex flex-column items-center justify-center pv1 tc ph4 avenir">
8+
<div class="flex flex-column items-center justify-center pv1 tc ph4 karla">
99
<h1 class="pt3 mb0 f3 f2-m f2-l fw6 tc dark-gray">GitPoint</h1>
1010

1111
<p class="f5 f3-ns mid-gray lh-copy mt2 mb4 mw6">

_layouts/home.html

Lines changed: 38 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
---
22
layout: default
33
---
4-
<div class="flex flex-column items-center justify-center pv5 tc ph4 avenir bg-secondary">
5-
<h2 class="f3 f2-m f2-l fw6 tc dark-gray mb2">
4+
<div class="flex flex-column items-center justify-center pv5 tc ph4 karla bg-secondary">
5+
<h2 class="f3 f2-m f2-l fw7 tc dark-gray mb2">
66
What is GitPoint?
77
</h2>
88

9-
<p class="f6 f4-ns silver lh-copy mw7 mb5">
9+
<p class="f6 f4-ns gray lh-copy mw7 mb5">
1010
View repository and user information, control your notifications and even manage your issues and pull requests. GitPoint is the most feature-rich unofficial GitHub iOS client that is 100% free.
1111
</p>
1212

@@ -15,16 +15,16 @@ <h2 class="f3 f2-m f2-l fw6 tc dark-gray mb2">
1515
</div>
1616
</div>
1717

18-
<article class="h6-l bt b--black-10 dark-gray lh-copy-ns ph2 ph5-m pv4 pv5-ns avenir bg-primary">
18+
<article class="h6-l bt b--black-10 dark-gray lh-copy-ns ph2 ph5-m pv4 pv5-ns karla bg-primary">
1919
<div class="flex flex-column flex-row-l justify-center center">
2020

2121
<div class="flex h-inherit items-center w-third-l mr7-l tc tl-l">
2222
<div class="flex flex-column">
23-
<h2 class="f3 f2-m f2-l fw6 dark-gray mb2">
23+
<h2 class="f3 f2-m f2-l fw7 dark-gray mb2">
2424
Control your notifications
2525
</h2>
2626

27-
<p class="f6 f4-ns silver lh-copy mw7 mb5">
27+
<p class="f6 f4-ns gray lh-copy mw7 mb5">
2828
View and control all of your unread and participating notifications.
2929
</p>
3030
</div>
@@ -39,7 +39,7 @@ <h2 class="f3 f2-m f2-l fw6 dark-gray mb2">
3939
</div>
4040
</article>
4141

42-
<article class="h6-l bt b--black-10 dark-gray lh-copy-ns ph2 ph5-m pv4 pv5-ns avenir bg-secondary">
42+
<article class="h6-l bt b--black-10 dark-gray lh-copy-ns ph2 ph5-m pv4 pv5-ns karla bg-secondary">
4343
<div class="flex flex-column flex-row-l justify-center center">
4444

4545
<div class="dn db-l">
@@ -50,14 +50,12 @@ <h2 class="f3 f2-m f2-l fw6 dark-gray mb2">
5050

5151
<div class="flex h-inherit items-center w-third-l ml7-l tc tl-l">
5252
<div class="flex flex-column">
53-
<h2 class="f3 f2-m f2-l fw6 dark-gray mb2">
54-
Repository Details
53+
<h2 class="f3 f2-m f2-l fw7 dark-gray mb2">
54+
View any repository or user
5555
</h2>
5656

5757
<p class="f6 f4-ns gray lh-copy mw7 mb5">
58-
GitPoint is an open source GitHub client with a minimally beautiful UI.
59-
Built with React Native, it is the most complete (100% free) iOS client and is the easiest way to use
60-
GitHub on your device.
58+
Easily obtain repository, user and organization information with a clean and simple interface.
6159
</p>
6260
</div>
6361
</div>
@@ -72,13 +70,14 @@ <h2 class="f3 f2-m f2-l fw6 dark-gray mb2">
7270
</article>
7371

7472

75-
<div class="flex flex-column items-center justify-center pv5 tc ph4 avenir bg-primary">
76-
<h2 class="f3 f2-m f2-l fw6 tc dark-gray mb2">
77-
Complete issue and pull request
73+
<div class="flex flex-column items-center justify-center pv5 tc ph4 karla bg-primary">
74+
<h2 class="f3 f2-m f2-l fw7 tc dark-gray mb2">
75+
Manage issues and pull requests
7876
</h2>
7977

80-
<p class="f6 f4-ns silver lh-copy mw7 mb5">
81-
Communicate on issue/pull request conversations, apply labels, assignees and more. With GitPoint, you can even review and merge pull requests with a design you're already familiar with.
78+
<p class="f6 f4-ns gray lh-copy mw7 mb5">
79+
Communicate on issue/pull request conversations, apply labels and assignees, and more.
80+
With GitPoint, you can even review and merge pull requests with a design you're already familiar with.
8281
</p>
8382

8483
<div class="flex flex-column flex-row-ns items-center justify-center justify-between-ns w-80">
@@ -88,71 +87,76 @@ <h2 class="f3 f2-m f2-l fw6 tc dark-gray mb2">
8887
</div>
8988
</div>
9089

91-
<div class="pv5 ph4 avenir bg-tertiary flex justify-center">
90+
<div class="pv5 ph4 karla bg-tertiary flex justify-center">
9291
<div class="flex flex-column flex-row-l items-center items-start-l tc tl-ns flex-wrap justify-between w-80">
9392

9493
<div class="w-40-l">
9594
<div class="flex flex-column w6 mb4">
96-
<h2 class="f4 fw6 white mb2">
95+
<h2 class="f3 fw7 white mb2">
9796
Another GitHub client?
9897
</h2>
9998

10099
<p class="f5 white lh-copy mw7">
101-
Every single iOS client that I tried to use was either too simple (single-feature applications)
102-
or required payment for even the most basic of requirements (such as accessing a private repository or commenting on an issue).
100+
Every currently available iOS client that I tried to use was either too simple (single-feature),
101+
required payment for the most basic of features (such as commenting on an issue)
102+
and/or didn't have the best UI.
103103
</p>
104104

105105
<p class="f5 white lh-copy mw7">
106-
I was pretty suprised to not be able to find a single client that had everything I
107-
needed, so I built this bad boy.
106+
I was pretty suprised that I couldn't find a single client that I enjoyed using,
107+
so I built this bad boy.
108108
</p>
109109
</div>
110110

111111
<div class="flex flex-column w6 mb4 mb0-l">
112-
<h2 class="f4 fw6 white mb2">
112+
<h2 class="f3 fw7 white mb2">
113113
Y no Android?!?
114114
</h2>
115115

116116
<p class="f5 white lh-copy mw7">
117-
Since this was built with React Native, publishing an Android version is something that we definitely need to do.
117+
Since this was built with React Native, publishing an Android version is something that we
118+
definitely need to do.
118119
</p>
119120

120121
<p class="f5 white lh-copy mw7">
121-
There's an <a class="link white fw6 dim" href="https://github.com/housseindjirdeh/git-point/issues/2">open issue</a> to track this, so take a look there to get an idea of when it'll be released.
122+
There's an <a class="link white fw7 dim" href="https://github.com/housseindjirdeh/git-point/issues/2">open issue</a>
123+
to track this, so take a look there to get an idea of when it'll be released!
122124
</p>
123125
</div>
124126
</div>
125127

126128
<div class="w-40-l">
127129
<div class="flex flex-column w6 mb4">
128-
<h2 class="f4 fw6 white mb2">
130+
<h2 class="f3 fw7 white mb2">
129131
Does this have everything?
130132
</h2>
131133

132134
<p class="f5 white lh-copy mw7">
133135
Nope! Well, not yet :). There are definitely features that still need to be included and
134-
you'll most probably notice a few bugs here and there.
136+
you may notice a few bugs here and there.
135137
</p>
136138

137139
<p class="f5 white lh-copy mw7">
138-
Please take a look at the <a class="link white fw6 dim" href="https://github.com/housseindjirdeh/git-point/labels/enhancement">issue list</a> to see all of the features we plan on adding. Please don't
139-
hesitate to file an issue for a bug or a feature request!
140+
Please take a look at the <a class="link white fw7 dim" href="https://github.com/housseindjirdeh/git-point/labels/enhancement">issue list</a>
141+
to see all of the features we plan on adding.
142+
Moreover, don't hesitate to file an issue for a bug or a feature request!
140143
</p>
141144
</div>
142145

143146
<div class="flex flex-column w6">
144-
<h2 class="f4 fw6 white mb2">
147+
<h2 class="f3 fw7 white mb2">
145148
Can I contribute?
146149
</h2>
147150

148151
<p class="f5 white lh-copy mw7">
149-
Yes please! GitPoint is open source - that's what makes it so great. Please feel free to put up an issue for anything you notice or a pull request to fix an existing one.
152+
Yes please! GitPoint is open source and that's what makes it so great.
153+
Feel free to put up an issue for anything you notice or a pull request to fix an existing one.
150154
Even if you have little to no experience with React Native, I'll be more than happy to help :).
151155
</p>
152156

153157
<p class="f5 white lh-copy mw7">
154-
Take a look at the <a class="link white fw6 dim" href="https://github.com/housseindjirdeh/git-point/blob/master/CONTRIBUTING.md">contributing guidelines</a> for all the steps you need to get the project running locally as well as detailed steps on
155-
how you can contribute.
158+
Take a look at the <a class="link white fw7 dim" href="https://github.com/housseindjirdeh/git-point/blob/master/CONTRIBUTING.md">contributing guidelines</a>
159+
for detailed steps on how you can contribute.
156160
</p>
157161
</div>
158162
</div>

_sass/extra.scss

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
@import url('https://fonts.googleapis.com/css?family=Karla:400,700');
2+
13
// Github Corner
24
.github-corner {
35
position: absolute;
@@ -60,7 +62,15 @@
6062
}
6163

6264
.bg-tertiary {
63-
background-color: #4a5c69;
65+
background-color: #2c3e50;
66+
}
67+
68+
.montserrat {
69+
font-family: 'Montserrat', sans-serif;
70+
}
71+
72+
.karla {
73+
font-family: 'Karla', sans-serif;
6474
}
6575

6676
.vh-85 { height: 85vh; }

0 commit comments

Comments
 (0)