Skip to content

Commit 189e647

Browse files
author
Houssein Djirdeh
committed
more site details
1 parent a4c761d commit 189e647

File tree

11 files changed

+170
-52
lines changed

11 files changed

+170
-52
lines changed

‎_includes/footer.html

Lines changed: 4 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,4 @@
1-
<!--<footer class="site-footer">
2-
3-
<div class="wrapper">
4-
5-
<h2 class="footer-heading">{{ site.title | escape }}</h2>
6-
7-
<div class="footer-col-wrapper">
8-
<div class="footer-col footer-col-1">
9-
<ul class="contact-list">
10-
<li>
11-
{% if site.author %}
12-
{{ site.author | escape }}
13-
{% else %}
14-
{{ site.title | escape }}
15-
{% endif %}
16-
</li>
17-
{% if site.email %}
18-
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
19-
{% endif %}
20-
</ul>
21-
</div>
22-
23-
<div class="footer-col footer-col-2">
24-
<ul class="social-media-list">
25-
{% if site.github_username %}
26-
<li>
27-
{% include icon-github.html username=site.github_username %}
28-
</li>
29-
{% endif %}
30-
31-
{% if site.twitter_username %}
32-
<li>
33-
{% include icon-twitter.html username=site.twitter_username %}
34-
</li>
35-
{% endif %}
36-
</ul>
37-
</div>
38-
39-
<div class="footer-col footer-col-3">
40-
<p>{{ site.description | escape }}</p>
41-
</div>
42-
</div>
43-
44-
</div>
45-
46-
</footer>-->
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>
4+
</footer>

‎_includes/header.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<article class="vh-100 vh-75-l dt w-100 bg-header bg-primary avenir flex flex-column items-center justify-center">
1+
<div class="vh-85 dt w-100 bg-header bg-primary avenir flex flex-column items-center justify-center">
22
<div class="dtc v-mid tc ph3 ph4-l">
33
<div class="link header-logo br-100 pa4 ba bg-dark-gray h4 w4 dib flex items-center justify-center" href="/">
44
<img class="w4" src="/assets/images/logo-white.png" alt="GitPoint">
@@ -15,4 +15,8 @@ <h1 class="pt3 mb0 f3 f2-m f2-l fw6 tc dark-gray">GitPoint</h1>
1515
{% include icon-app-store.svg %}
1616
</a>
1717
</div>
18-
</article>
18+
19+
<a href="https://github.com/housseindjirdeh/git-point" class="github-corner link" aria-label="View source on GitHub">
20+
{% include github-corner.svg %}
21+
</a>
22+
</div>

‎_layouts/home.html

Lines changed: 152 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,159 @@ <h2 class="f3 f2-m f2-l fw6 tc dark-gray mb2">
66
What is GitPoint?
77
</h2>
88

9-
<p class="f6 f4-ns silver lh-copy mw7">
9+
<p class="f6 f4-ns silver lh-copy mw7 mb5">
1010
GitPoint is an open source GitHub client with a minimally beautiful UI.
1111
Built with React Native, it is the most complete (100% free) iOS client and is the easiest way to use
1212
GitHub on your device.
1313
</p>
14-
</div>
14+
15+
<div class="flex h-100 items-center">
16+
<img class="mw5" src="/assets/images/profile-screen-side.png" alt="GitPoint Profile Screen">
17+
</div>
18+
</div>
19+
20+
<article class="h6-l bt b--black-10 dark-gray lh-copy-ns ph2 ph5-m pv4 pv5-ns avenir bg-primary">
21+
<div class="flex flex-column flex-row-l justify-center center">
22+
23+
<div class="flex h-inherit items-center w-third-l mr7-l tc tl-l">
24+
<div class="flex flex-column">
25+
<h2 class="f3 f2-m f2-l fw6 dark-gray mb2">
26+
Control your notifications
27+
</h2>
28+
29+
<p class="f6 f4-ns silver lh-copy mw7 mb5">
30+
GitPoint is an open source GitHub client with a minimally beautiful UI.
31+
Built with React Native, it is the most complete (100% free) iOS client and is the easiest way to use
32+
GitHub on your device.
33+
</p>
34+
</div>
35+
</div>
36+
37+
<div class="fl-l">
38+
<div class="flex h-100 items-center justify-center">
39+
<img class="grow mw5" src="/assets/images/notifications-screen.png" alt="GitPoint Notifications Screen">
40+
</div>
41+
</div>
42+
43+
</div>
44+
</article>
45+
46+
<article class="h6-l bt b--black-10 dark-gray lh-copy-ns ph2 ph5-m pv4 pv5-ns avenir bg-secondary">
47+
<div class="flex flex-column flex-row-l justify-center center">
48+
49+
<div class="dn db-l">
50+
<div class="flex h-100 items-center">
51+
<img class="grow mw5" src="/assets/images/repository-screen.png" alt="GitPoint Repository Screen">
52+
</div>
53+
</div>
54+
55+
<div class="flex h-inherit items-center w-third-l ml7-l tc tl-l">
56+
<div class="flex flex-column">
57+
<h2 class="f3 f2-m f2-l fw6 dark-gray mb2">
58+
Repository Details
59+
</h2>
60+
61+
<p class="f6 f4-ns silver lh-copy mw7 mb5">
62+
GitPoint is an open source GitHub client with a minimally beautiful UI.
63+
Built with React Native, it is the most complete (100% free) iOS client and is the easiest way to use
64+
GitHub on your device.
65+
</p>
66+
</div>
67+
</div>
68+
69+
<div class="dn-l">
70+
<div class="flex h-100 items-center justify-center">
71+
<img class="grow mw5" src="/assets/images/repository-screen.png" alt="GitPoint Repository Screen">
72+
</div>
73+
</div>
74+
75+
</div>
76+
</article>
77+
78+
79+
<div class="flex flex-column items-center justify-center pv5 tc ph4 avenir bg-primary">
80+
<h2 class="f3 f2-m f2-l fw6 tc dark-gray mb2">
81+
Complete issue and pull request
82+
</h2>
83+
84+
<p class="f6 f4-ns silver lh-copy mw7 mb5">
85+
GitPoint is an open source GitHub client with a minimally beautiful UI.
86+
Built with React Native, it is the most complete (100% free) iOS client and is the easiest way to use
87+
GitHub on your device.
88+
</p>
89+
90+
<div class="flex flex-column flex-row-ns items-center justify-center justify-between-ns w-80">
91+
<img class="mw5 mw4-m mb5 mb0-ns" src="/assets/images/issue-screen.png" alt="GitPoint Issue Screen">
92+
<img class="mw5 mw4-m mb5 mb0-ns" src="/assets/images/pull-request-screen.png" alt="GitPoint Pull Request Screen">
93+
<img class="mw5 mw4-m mb5 mb0-ns" src="/assets/images/issue-change-screen.png" alt="GitPoint Issue Change Screen">
94+
</div>
95+
</div>
96+
97+
<div class="pv5 ph4 avenir bg-tertiary flex justify-center">
98+
<div class="flex flex-column flex-row-l items-center items-start-l tc tl-ns flex-wrap justify-between w-80">
99+
100+
<div class="flex flex-column w6 w5-l mb0-ns">
101+
<h2 class="f4 fw6 white mb2">
102+
Why GitPoint?
103+
</h2>
104+
105+
<p class="f5 white lh-copy mw7">
106+
Every single unofficial client that I tried to user were either simple, single-feature applications
107+
or required payment for even the most basic of requirements (such as accessing a private repository or commenting on an issue).
108+
</p>
109+
110+
<p class="f5 white lh-copy mw7">
111+
I was suprised to not be able to find a single client that had everything I
112+
needed, so I built this bad boy.
113+
</p>
114+
</div>
115+
116+
<div class="flex flex-column w6 w5-l mb0-ns">
117+
<h2 class="f4 fw6 white mb2">
118+
Y no Android version?!?
119+
</h2>
120+
121+
<p class="f5 white lh-copy mw7">
122+
Every single unofficial client that I tried to user were either simple, single-feature applications
123+
or required payment for even the most basic of requirements (such as accessing a private repository or commenting on an issue).
124+
</p>
125+
126+
<p class="f5 white lh-copy mw7">
127+
I was suprised to not be able to find a single client that had everything I
128+
needed, so I built this bad boy.
129+
</p>
130+
</div>
131+
132+
<div class="flex flex-column w6 w5-l mb0-ns">
133+
<h2 class="f4 fw6 white mb2">
134+
Does this have everything?
135+
</h2>
136+
137+
<p class="f5 white lh-copy mw7">
138+
Nope. Well, not yet. There are definitely features that still need to be included (plus
139+
you may very well notice a few bugs here and there right now).
140+
</p>
141+
142+
<p class="f5 white lh-copy mw7">
143+
Please take a look at the issue list to see all of the features we plan on adding. Please don't
144+
hesitate to file an issue for a bug or a feature request!
145+
</p>
146+
</div>
147+
148+
<div class="flex flex-column w6 w5-l">
149+
<h2 class="f4 fw6 white mb2">
150+
Can I contribute?
151+
</h2>
152+
153+
<p class="f5 white lh-copy mw7">
154+
Yes please! Please feel free to put up an issue or PR for any issue or feature request.
155+
Even if you have little to no experience with React Native, I'll be more than happy to help :).
156+
</p>
157+
158+
<p class="f5 white lh-copy mw7">
159+
Take a look at CONRIBUTING.md for all the steps you need to get the project running locally as well
160+
how you can contribute.
161+
</p>
162+
</div>
163+
</div>
164+
</div>

‎_sass/extra.scss

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,9 +55,15 @@
5555
}
5656

5757
.bg-secondary {
58-
background-color: #eef2f5''
58+
background-color: #eef2f5;
5959
}
6060

61+
.bg-tertiary {
62+
background-color: #4a5c69;
63+
}
64+
65+
.vh-85 { height: 85vh; }
66+
6167
@keyframes bounce {
6268
from {
6369
transform: translateY(0px);
@@ -73,4 +79,4 @@
7379
to {
7480
transform: translateY(-15px);
7581
}
76-
}
82+
}

‎assets/.DS_Store

2 KB
Binary file not shown.

‎assets/images/issue-change-screen.png

246 KB
Loading

‎assets/images/issue-screen.png

413 KB
Loading

‎assets/images/notifications-screen.png

307 KB
Loading

‎assets/images/profile-screen-side.png

312 KB
Loading

‎assets/images/pull-request-screen.png

399 KB
Loading

0 commit comments

Comments
 (0)