3
3
< section class ="header max-w-3xl mx-auto px-4 md:px-8 py-12 relative z-10 ">
4
4
< h2 > How easily can you create a Linode?</ h2 >
5
5
< div class ="text-2xl my-3 "> Are two steps easy enough?</ div >
6
- < div class ="code-box bg-d-beige rounded my-8 ">
7
- < div class ="code-box-header border-white flex justify-start py-4 px-6 ">
8
- < span class ="code-box-circle circle-red "> </ span >
9
- < span class ="code-box-circle circle-yellow "> </ span >
10
- < span class ="code-box-circle circle-green "> </ span >
11
- </ div >
12
- < div class ="code-box-content py-4 px-6 ">
13
- < pre > pip install linode-cli</ pre >
14
- < pre > linode-cli linodes create</ pre >
15
- </ div >
16
- </ div >
6
+ {{ partial "2_molecules/code-box.html" }}
17
7
< a href ="https://www.linode.com/docs/platform/api/using-the-linode-cli/ " target ="_blank " class ="btn mt-3 "> Get started with our Linode CLI</ a >
18
8
</ section >
19
9
< img src ='{{ "img/grid.png" | relURL }} ' class ="home-lins absolute pin-t pin-r " />
20
10
</ div >
21
11
22
12
< div class ="flex flex-wrap my-8 -mx-4 pb-8 ">
23
13
< article class ="w-full md:w-1/2 px-4 mb-4 md:mb-8 ">
24
- < div class ="px-8 py-20 h-full bg-d-cell flex flex-col justify-center items-center ">
25
- < h2 class ="mt-0 font-normal "> < a href ="https://developers.linode.com/ " class ="text-black "> APIv4 Documentation</ a > </ h3 >
14
+ < div class ="px-8 py-20 h-full bg-d-cell tile flex flex-col justify-center items-center ">
15
+ < h2 class ="mt-0 font-normal "> < a href ="https://developers.linode.com/ " class ="text-black tile-link "> APIv4 Documentation</ a > </ h3 >
26
16
< p class ="text-xl mt-2 text-center "> Reference Documentation for the linode API</ p >
27
17
< a href ="https://developers.dev.linode.com/api/v4 " target ="_blank " class ="btn mt-6 "> View API docs</ a >
28
18
</ div >
29
19
</ article >
30
20
< article class ="w-full md:w-1/2 px-4 mb-4 md:mb-8 ">
31
- < div class ="p-8 py-20 h-full bg-d-cell flex flex-col justify-center items-center ">
32
- < h2 class ="mt-0 font-normal "> < a href ="/guides/ " class ="text-black "> Guides</ a > </ h3 >
21
+ < div class ="p-8 py-20 h-full bg-d-cell tile flex flex-col justify-center items-center ">
22
+ < h2 class ="mt-0 font-normal "> < a href ="/guides/ " class ="text-black tile-link "> Guides</ a > </ h3 >
33
23
< p class ="text-xl mt-2 text-center "> How-to’s and examples using the Linode API</ p >
34
24
< a href ="/guides/ " class ="btn mt-6 "> View Guides</ a >
35
25
</ div >
36
26
</ article >
37
27
< article class ="w-full md:w-1/2 px-4 mb-4 md:mb-8 ">
38
- < div class ="p-8 py-20 h-full bg-d-cell flex flex-col justify-center items-center ">
39
- < h2 class ="mt-0 font-normal "> < a href ="/libraries-tools/ " class ="text-black "> Libraries & Tools</ a > </ h3 >
28
+ < div class ="p-8 py-20 h-full bg-d-cell tile flex flex-col justify-center items-center ">
29
+ < h2 class ="mt-0 font-normal "> < a href ="/libraries-tools/ " class ="text-black tile-link "> Libraries & Tools</ a > </ h3 >
40
30
< p class ="text-xl mt-2 text-center "> Jumpstart your API integration</ p >
41
31
< a href ="/libraries-tools/ " class ="btn mt-6 "> View Libraries & Tools</ a >
42
32
</ div >
43
33
</ article >
44
34
< article class ="w-full md:w-1/2 px-4 mb-4 md:mb-8 ">
45
- < div class ="p-8 py-20 h-full bg-d-cell flex flex-col justify-center items-center ">
46
- < h2 class ="mt-0 font-normal "> < a href ="https://www.linode.com/community/ " target ="_blank " class ="text-black "> Community Questions</ a > </ h3 >
35
+ < div class ="p-8 py-20 h-full bg-d-cell tile flex flex-col justify-center items-center ">
36
+ < h2 class ="mt-0 font-normal "> < a href ="https://www.linode.com/community/ " target ="_blank " class ="text-black tile-link "> Community Questions</ a > </ h3 >
47
37
< p class ="text-xl mt-2 text-center "> Questions and answers from the Linode community</ p >
48
38
< a href ="https://linode.com/community/questions " target ="_blank " class ="btn mt-6 "> View Q&A</ a >
49
39
</ div >
@@ -57,9 +47,9 @@ <h2>Events</h2>
57
47
< div class ="flex flex-wrap my-8 -mx-4 pb-8 ">
58
48
{{ range first 3 ((where .Pages "Section" "events").ByParam "start_date") }}
59
49
< article class ="w-full md:w-1/3 px-4 mb-4 md:mb-8 ">
60
- < div class ="p-8 h-full bg-d-cell cell -border ">
50
+ < div class ="p-8 h-full bg-d-cell tile -border ">
61
51
< header >
62
- < h3 class ="mt-0 mb-4 "> < a href ="{{ .Params.event_url }} " class ="text-black " target ="_blank "> {{ .Title | markdownify }}</ a > </ h3 >
52
+ < h3 class ="mt-0 mb-4 "> < a href ="{{ .Params.event_url }} " class ="text-black tile-link " target ="_blank "> {{ .Title | markdownify }}</ a > </ h3 >
63
53
</ header >
64
54
< section >
65
55
< div > < strong > {{ .Params.location }}</ strong > </ div >
0 commit comments