Skip to content

Commit 7bb6ee8

Browse files
committed
feat(docs): integrations parent page
1 parent 443d10b commit 7bb6ee8

14 files changed

Lines changed: 171 additions & 27 deletions

File tree

app/Actions/FontAwesome/v5/CreateIcon.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ public function handle(array $params, $scale = 1.0, $forceOddSize = false)
6565

6666
protected function getIconFontPath($icon)
6767
{
68-
return base_path('resources/fonts/legacy/fontawesome-webfont.ttf');
68+
return FontAwesomeV5Encoder::getFile($icon);
6969
}
7070

7171
protected function getTextFontPath()

app/Http/Controllers/DocumentationController.php

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,9 @@ public function index()
88
{
99
return view('docs.index');
1010
}
11+
12+
public function integrations()
13+
{
14+
return view('docs.integrations.index');
15+
}
1116
}

public/css/app.css

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1002,6 +1002,21 @@ video {
10021002
.mb-24 {
10031003
margin-bottom: 6rem;
10041004
}
1005+
.-mb-4 {
1006+
margin-bottom: -1rem;
1007+
}
1008+
.mt-4 {
1009+
margin-top: 1rem;
1010+
}
1011+
.mt-2 {
1012+
margin-top: 0.5rem;
1013+
}
1014+
.mt-0 {
1015+
margin-top: 0px;
1016+
}
1017+
.mb-0 {
1018+
margin-bottom: 0px;
1019+
}
10051020
.block {
10061021
display: block;
10071022
}
@@ -1035,6 +1050,12 @@ video {
10351050
.h-12 {
10361051
height: 3rem;
10371052
}
1053+
.h-\[75px\] {
1054+
height: 75px;
1055+
}
1056+
.h-\[50px\] {
1057+
height: 50px;
1058+
}
10381059
.min-h-screen {
10391060
min-height: 100vh;
10401061
}
@@ -1050,6 +1071,18 @@ video {
10501071
.w-12 {
10511072
width: 3rem;
10521073
}
1074+
.w-\[41px\] {
1075+
width: 41px;
1076+
}
1077+
.w-\[49px\] {
1078+
width: 49px;
1079+
}
1080+
.w-\[75px\] {
1081+
width: 75px;
1082+
}
1083+
.w-\[50px\] {
1084+
width: 50px;
1085+
}
10531086
.max-w-3xl {
10541087
max-width: 48rem;
10551088
}
@@ -1074,6 +1107,9 @@ video {
10741107
.grid-cols-5 {
10751108
grid-template-columns: repeat(5, minmax(0, 1fr));
10761109
}
1110+
.grid-cols-3 {
1111+
grid-template-columns: repeat(3, minmax(0, 1fr));
1112+
}
10771113
.items-center {
10781114
align-items: center;
10791115
}
@@ -1108,6 +1144,12 @@ video {
11081144
.rounded-xl {
11091145
border-radius: 0.75rem;
11101146
}
1147+
.border {
1148+
border-width: 1px;
1149+
}
1150+
.border-transparent {
1151+
border-color: transparent;
1152+
}
11111153
.bg-indigo-700\/80 {
11121154
background-color: rgb(67 56 202 / 0.8);
11131155
}
@@ -1127,6 +1169,10 @@ video {
11271169
--tw-bg-opacity: 1;
11281170
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
11291171
}
1172+
.bg-indigo-600 {
1173+
--tw-bg-opacity: 1;
1174+
background-color: rgb(79 70 229 / var(--tw-bg-opacity));
1175+
}
11301176
.p-6 {
11311177
padding: 1.5rem;
11321178
}
@@ -1177,6 +1223,9 @@ video {
11771223
.pl-2 {
11781224
padding-left: 0.5rem;
11791225
}
1226+
.text-center {
1227+
text-align: center;
1228+
}
11801229
.text-5xl {
11811230
font-size: 3rem;
11821231
line-height: 1;
@@ -1203,6 +1252,9 @@ video {
12031252
.font-medium {
12041253
font-weight: 500;
12051254
}
1255+
.font-black {
1256+
font-weight: 900;
1257+
}
12061258
.text-gray-100 {
12071259
--tw-text-opacity: 1;
12081260
color: rgb(243 244 246 / var(--tw-text-opacity));
@@ -1239,6 +1291,10 @@ video {
12391291
--tw-text-opacity: 1;
12401292
color: rgb(203 213 225 / var(--tw-text-opacity));
12411293
}
1294+
.no-underline {
1295+
-webkit-text-decoration-line: none;
1296+
text-decoration-line: none;
1297+
}
12421298
.antialiased {
12431299
-webkit-font-smoothing: antialiased;
12441300
-moz-osx-font-smoothing: grayscale;
@@ -1249,6 +1305,11 @@ video {
12491305
.opacity-40 {
12501306
opacity: 0.4;
12511307
}
1308+
.shadow-sm {
1309+
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1310+
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1311+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1312+
}
12521313

12531314
[x-cloak] {
12541315
display: none !important;
@@ -1300,6 +1361,11 @@ video {
13001361
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
13011362
}
13021363

1364+
.hover\:bg-indigo-700:hover {
1365+
--tw-bg-opacity: 1;
1366+
background-color: rgb(67 56 202 / var(--tw-bg-opacity));
1367+
}
1368+
13031369
.hover\:text-white:hover {
13041370
--tw-text-opacity: 1;
13051371
color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1325,6 +1391,15 @@ video {
13251391
--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
13261392
}
13271393

1394+
.focus\:ring-indigo-500:focus {
1395+
--tw-ring-opacity: 1;
1396+
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
1397+
}
1398+
1399+
.focus\:ring-offset-2:focus {
1400+
--tw-ring-offset-width: 2px;
1401+
}
1402+
13281403
@media (min-width: 640px) {
13291404

13301405
.sm\:static {
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<div class="prose prose-invert max-w-full bg-slate-800 p-12 rounded-xl">
2+
{{ $slot }}
3+
</div>

resources/views/components/docs-layout.blade.php

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<div>
88
<div class="mb-6">
99
<a href="/documentation" class="block mb-1">Getting Started</a>
10-
<a href="/documentation/version2-explained" class="block mb-1">API Versioning</a>
10+
<a href="/documentation/api-versioning" class="block mb-1">API Versioning</a>
1111
</div>
1212

1313
<div class="mb-6">
@@ -20,27 +20,27 @@
2020
<div class="mb-6">
2121
<div class="text-black text-sm text-slate-300 mb-2">Font Awesome 5</div>
2222
<div class="ml-2">
23-
<a href="/documentation/font-awesome/v5#pins" class="block mb-1">Pins</a>
24-
<a href="/documentation/font-awesome/v5#icons" class="block mb-1">Icons</a>
25-
<a href="/documentation/font-awesome/v5#icon-stack" class="block">Icon Stacks</a>
23+
<a href="/documentation/font-awesome/v5/pins" class="block mb-1">Pins</a>
24+
<a href="/documentation/font-awesome/v5/icons" class="block mb-1">Icons</a>
25+
<a href="/documentation/font-awesome/v5/icon-stack" class="block">Icon Stacks</a>
2626
</div>
2727
</div>
2828

2929
<div class="mb-6">
3030
<div class="text-black text-sm text-slate-300 mb-2">Font Awesome 4</div>
3131
<div class="ml-2">
32-
<a href="/documentation/font-awesome/v4#pins" class="block mb-1">Pins</a>
33-
<a href="/documentation/font-awesome/v4#icons" class="block mb-1">Icons</a>
34-
<a href="/documentation/font-awesome/v4#icon-stack" class="block">Icon Stacks</a>
32+
<a href="/documentation/font-awesome/v4/pins" class="block mb-1">Pins</a>
33+
<a href="/documentation/font-awesome/v4/icons" class="block mb-1">Icons</a>
34+
<a href="/documentation/font-awesome/v4/icon-stack" class="block">Icon Stacks</a>
3535
</div>
3636
</div>
3737

3838
<div class="mb-6">
3939
<div class="text-black text-sm text-slate-300 mb-2">Integrations</div>
4040
<div class="ml-2">
41-
<a href="/documentation/integrations#bing-maps" class="block mb-1">Bing Maps</a>
42-
<a href="/documentation/integrations#google-maps" class="block mb-1">Google Maps</a>
43-
<a href="/documentation/integrations#mapbox" class="block">Mapbox</a>
41+
<a href="/documentation/integrations/bing-maps" class="block mb-1">Bing Maps</a>
42+
<a href="/documentation/integrations/google-maps" class="block mb-1">Google Maps</a>
43+
<a href="/documentation/integrations/mapbox" class="block">Mapbox</a>
4444
</div>
4545
</div>
4646

@@ -57,9 +57,7 @@
5757

5858
{{-- DOCS CONTENT --}}
5959
<div class="col-span-4">
60-
<div class="prose prose-invert max-w-full bg-slate-800 p-12 rounded-xl">
61-
{{ $slot }}
62-
</div>
60+
{{ $slot }}
6361
</div>
6462
</div>
6563

resources/views/docs/font-awesome/v5/icons.blade.php

Whitespace-only changes.

resources/views/docs/font-awesome/v5/pins.blade.php

Whitespace-only changes.

resources/views/docs/index.blade.php

Lines changed: 14 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,20 +3,23 @@
33
@section('content')
44
<x-docs-layout>
55

6-
<x-icon-spectrum icon="fa-rocket" class="opacity-40" iconClass="-mr-10" />
6+
<x-docs-box>
7+
<x-icon-spectrum icon="fa-rocket" class="opacity-40" iconClass="-mr-12 w-[49px]" />
78

8-
<h2> Getting Started</h2>
9+
<h2> Getting Started</h2>
910

10-
<p>
11-
Building more interactive maps with MapMarker.io is easy and a fairly straight forward process. To use
12-
our map markers in your project, you do not need to pay or register any api keys.
13-
</p>
11+
<p>
12+
Building more interactive maps with MapMarker.io is easy and a fairly straight forward process. To use
13+
our map markers in your project, you do not need to pay or register any api keys.
14+
</p>
1415

15-
<p>
16-
Just make sure that whatever you are building your maps with supports creating custom map markers from
17-
.png image files. Most web based mapping SDKs like Google Maps or Bing Maps support this out of the box. Take
18-
a closer look at our <a href="/documentation/integrations">integrations</a> section to learn more.
19-
</p>
16+
<p>
17+
Just make sure that whatever you are building your maps with supports creating custom map markers from
18+
.png image files. Most web based mapping SDKs like Google Maps or Bing Maps support this out of the box.
19+
Take
20+
a closer look at our <a href="/documentation/integrations">integrations</a> section to learn more.
21+
</p>
22+
</x-docs-box>
2023

2124
</x-docs-layout>
2225
@endsection

resources/views/docs/integrations/bing-maps.blade.php

Whitespace-only changes.

resources/views/docs/integrations/google-maps.blade.php

Whitespace-only changes.

0 commit comments

Comments
 (0)