Skip to content

Commit f09f454

Browse files
ifedapoolarewajuifedapoolarewaju
committed
website: reorganise index page
1 parent 25077a5 commit f09f454

File tree

2 files changed

+99
-35
lines changed

2 files changed

+99
-35
lines changed

‎docs-src/index.pug‎

Lines changed: 48 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,6 @@ append navigation
2424
h1.text-center.display-1.col-md-auto IG:dm
2525
h3.text-center.col-12.col-md-8.m-auto Continue your Instagram direct messages from your phone to your desktop.
2626
.download.col-md-auto.mt-5
27-
h5
28-
| 2-Factor Authentication is now supported!
2927
h5
3028
| Download the latest
3129
span v2.8.0
@@ -43,18 +41,45 @@ append navigation
4341

4442
block content
4543
section.features.mt-5
46-
h1.text-center Features
44+
h2.text-center.mb-5 Features
45+
.row.mt-3.justify-content-center
46+
.col-md-4
47+
h5 Continue conversations
48+
p.text-muted You will be able to continue your conversations from where you left off on the mobile app.
49+
.col-md-4
50+
h5 2-Factor Authentication
51+
p.text-muted IGdm has login support for accounts with two-factor authentication enabled.
52+
.row.mt-3.justify-content-center
53+
.col-md-4
54+
h5 Disable Read Receipts
55+
p.text-muted IGdm provides a setting that allows you prevent users from receiving read receipts.
56+
.col-md-4
57+
h5 Unfollowers
58+
p.text-muted View the list of users that are not following you back.
59+
.row.mt-3.justify-content-center
60+
.col-md-4
61+
h5 Quote Messages
62+
p.text-muted IGdm provides a custom and convenient style of quoting chat messages within a conversation
63+
.col-md-4
64+
h5 Save Videos and Images
65+
p.text-muted You can save videos and images in the instagram posts that a shared with you in a chat.
66+
.row.mt-3.justify-content-center
67+
.col-md-4
68+
h5 Search for users
69+
p.text-muted You can search for any user and start a conversation with that user.
70+
.col-md-4
71+
4772
.screenshots.row.mt-5.text-center
48-
a.col-md-6.mb-4(href='img/startchat.gif', target='_blank')
73+
a.col-md-4.mb-4(href='img/startchat.gif', target='_blank')
4974
| Search for users and start a conversation
5075
img.mt-3.img-fluid(src='img/startchat.gif')
51-
a.col-md-6.mb-4(href='img/unfollowers.gif', target='_blank')
76+
a.col-md-4.mb-4(href='img/unfollowers.gif', target='_blank')
5277
| View a list of users not following you back
5378
img.mt-3.img-fluid(src='img/unfollowers.gif')
54-
a.col-md-6.mb-4(href='img/quotemessage.gif', target='_blank')
79+
a.col-md-4.mb-4(href='img/quotemessage.gif', target='_blank')
5580
| Quote a chat message
5681
img.mt-3.img-fluid(src='img/quotemessage.gif')
57-
a.col-md-6(href='img/viewimage.gif', target='_blank')
82+
a.col-md-4(href='img/viewimage.gif', target='_blank')
5883
| View chat images
5984
img.mt-3.img-fluid(src='img/viewimage.gif')
6085
section.issues.mt-5.text-center
@@ -64,23 +89,23 @@ block content
6489
| Try  
6590
b IGdm Pro
6691

67-
section.issues.mt-5.text-center
68-
h2 Issues running IG:dm on your computer?
69-
span
70-
| Please see
71-
a(href='http://igdm.me/blog/igdm-on-windows-linux', target='_blank') common issues and fixes
72-
| for running IG:dm on your desktop.
73-
74-
section.donations.mt-5.text-center
75-
h2 Donations
76-
| IG:dm
77-
| is an open source project that can be used for free by anyone, donations
78-
| and incentives are wholeheartedly welcome.
79-
p
92+
section.row.mt-5.justify-content-center
93+
.col-md-5
94+
h4 Issues running IG:dm on your computer?
95+
span
96+
| Please see
97+
a(href='http://igdm.me/blog/igdm-on-windows-linux', target='_blank') common issues and fixes
98+
| for running IG:dm on your desktop.
99+
.col-md-1
100+
.col-md-5
101+
h4 Donations
102+
| IG:dm
103+
| is an open source project that can be used for free by anyone, donations
104+
| and incentives are wholeheartedly welcome.
80105
a.btn.btn-link.btn-outline-light(role="button" href='http://paypal.me/SolomonOmojola' target="_blank") Donate via PayPal
81-
| You can also donate via BITCOIN to the following Bitcoin address.
82-
.donations
83-
code 3NM9EubVwdvNm9qiTgLC8DHsRtTHvoyaD6
106+
p You can also donate via BITCOIN to the following Bitcoin address.
107+
div
108+
code 3NM9EubVwdvNm9qiTgLC8DHsRtTHvoyaD6
84109

85110
append footer
86111
script.

‎docs/index.html‎

Lines changed: 51 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -47,30 +47,69 @@
4747
<h1 class="text-center display-1 col-md-auto">IG:dm</h1>
4848
<h3 class="text-center col-12 col-md-8 m-auto">Continue your Instagram direct messages from your phone to your desktop.</h3>
4949
<div class="download col-md-auto mt-5">
50-
<h5>2-Factor Authentication is now supported!</h5>
5150
<h5>Download the latest <span>v2.8.0</span></h5>
5251
<div class="mt-2 btn-group" role="group" aria-label="Download buttons"><a class="btn btn-outline-light" role="button" href="https://github.com/igdmapps/igdm/releases/download/v2.8.1/IGdm-Setup-2.8.1.exe"><i class="mdi mdi-windows"></i><span class="ml-2">Windows</span></a><a class="btn btn-outline-light" role="button" href="https://github.com/igdmapps/igdm/releases/download/v2.8.1/IGdm-2.8.1.dmg"><i class="mdi mdi-apple"> </i><span class="ml-2">macOS</span></a><a class="btn btn-outline-light" role="button" href="https://github.com/igdmapps/igdm/releases/download/v2.8.1/IGdm-2.8.1-x86_64.AppImage"><i class="mdi mdi-linux"></i><span class="ml-2">Linux</span></a></div>
5352
</div><a class="downloadCount mt-3 d-block" href="https://twitter.com/igdmApps/status/1137337076167401472" target="_blank">Over 5,000,000+ Downloads!</a>
5453
</div>
5554
</div>
5655
<div class="container">
5756
<section class="features mt-5">
58-
<h1 class="text-center">Features</h1>
59-
<div class="screenshots row mt-5 text-center"><a class="col-md-6 mb-4" href="img/startchat.gif" target="_blank">Search for users and start a conversation<img class="mt-3 img-fluid" src="img/startchat.gif"></a><a class="col-md-6 mb-4" href="img/unfollowers.gif" target="_blank">View a list of users not following you back<img class="mt-3 img-fluid" src="img/unfollowers.gif"></a><a class="col-md-6 mb-4" href="img/quotemessage.gif" target="_blank">Quote a chat message<img class="mt-3 img-fluid" src="img/quotemessage.gif"></a><a class="col-md-6" href="img/viewimage.gif" target="_blank">View chat images<img class="mt-3 img-fluid" src="img/viewimage.gif"></a></div>
57+
<h2 class="text-center mb-5">Features</h2>
58+
<div class="row mt-3 justify-content-center">
59+
<div class="col-md-4">
60+
<h5>Continue conversations</h5>
61+
<p class="text-muted">You will be able to continue your conversations from where you left off on the mobile app.</p>
62+
</div>
63+
<div class="col-md-4">
64+
<h5>2-Factor Authentication</h5>
65+
<p class="text-muted">IGdm has login support for accounts with two-factor authentication enabled.</p>
66+
</div>
67+
</div>
68+
<div class="row mt-3 justify-content-center">
69+
<div class="col-md-4">
70+
<h5>Disable Read Receipts</h5>
71+
<p class="text-muted">IGdm provides a setting that allows you prevent users from receiving read receipts.</p>
72+
</div>
73+
<div class="col-md-4">
74+
<h5>Unfollowers</h5>
75+
<p class="text-muted">View the list of users that are not following you back.</p>
76+
</div>
77+
</div>
78+
<div class="row mt-3 justify-content-center">
79+
<div class="col-md-4">
80+
<h5>Quote Messages</h5>
81+
<p class="text-muted">IGdm provides a custom and convenient style of quoting chat messages within a conversation</p>
82+
</div>
83+
<div class="col-md-4">
84+
<h5>Save Videos and Images</h5>
85+
<p class="text-muted">You can save videos and images in the instagram posts that a shared with you in a chat.</p>
86+
</div>
87+
</div>
88+
<div class="row mt-3 justify-content-center">
89+
<div class="col-md-4">
90+
<h5>Search for users</h5>
91+
<p class="text-muted">You can search for any user and start a conversation with that user.</p>
92+
</div>
93+
<div class="col-md-4"></div>
94+
</div>
95+
<div class="screenshots row mt-5 text-center"><a class="col-md-4 mb-4" href="img/startchat.gif" target="_blank">Search for users and start a conversation<img class="mt-3 img-fluid" src="img/startchat.gif"></a><a class="col-md-4 mb-4" href="img/unfollowers.gif" target="_blank">View a list of users not following you back<img class="mt-3 img-fluid" src="img/unfollowers.gif"></a><a class="col-md-4 mb-4" href="img/quotemessage.gif" target="_blank">Quote a chat message<img class="mt-3 img-fluid" src="img/quotemessage.gif"></a><a class="col-md-4" href="img/viewimage.gif" target="_blank">View chat images<img class="mt-3 img-fluid" src="img/viewimage.gif"></a></div>
6096
</section>
6197
<section class="issues mt-5 text-center">
6298
<h2>Want more features?</h2>
6399
<h4><a class="btn btn-primary prominent2" href="https://pro.igdm.me" target="_blank">Try &nbsp;<b>IGdm Pro</b></a></h4>
64100
</section>
65-
<section class="issues mt-5 text-center">
66-
<h2>Issues running IG:dm on your computer?</h2><span>Please see <a href="http://igdm.me/blog/igdm-on-windows-linux" target="_blank">common issues and fixes </a>for running IG:dm on your desktop.</span>
67-
</section>
68-
<section class="donations mt-5 text-center">
69-
<h2>Donations</h2>IG:dm
70-
is an open source project that can be used for free by anyone, donations
71-
and incentives are wholeheartedly welcome.
72-
<p><a class="btn btn-link btn-outline-light" role="button" href="http://paypal.me/SolomonOmojola" target="_blank">Donate via PayPal</a></p>You can also donate via BITCOIN to the following Bitcoin address.
73-
<div class="donations"><code>3NM9EubVwdvNm9qiTgLC8DHsRtTHvoyaD6</code></div>
101+
<section class="row mt-5 justify-content-center">
102+
<div class="col-md-5">
103+
<h4>Issues running IG:dm on your computer?</h4><span>Please see <a href="http://igdm.me/blog/igdm-on-windows-linux" target="_blank">common issues and fixes </a>for running IG:dm on your desktop.</span>
104+
</div>
105+
<div class="col-md-1"></div>
106+
<div class="col-md-5">
107+
<h4>Donations</h4>IG:dm
108+
is an open source project that can be used for free by anyone, donations
109+
and incentives are wholeheartedly welcome.<a class="btn btn-link btn-outline-light" role="button" href="http://paypal.me/SolomonOmojola" target="_blank">Donate via PayPal</a>
110+
<p>You can also donate via BITCOIN to the following Bitcoin address.</p>
111+
<div><code>3NM9EubVwdvNm9qiTgLC8DHsRtTHvoyaD6</code></div>
112+
</div>
74113
</section>
75114
</div>
76115
<footer class="pb-5 pt-5 mt-5">

0 commit comments

Comments
 (0)