|
1 | 1 | ---
|
2 | 2 | layout: landing
|
3 | 3 | ---
|
4 |
| - <!-- Banner --> |
5 |
| - <section id="banner"> |
6 |
| - <div class="inner"> |
7 |
| - <h2>{{ site.title }}</h2> |
8 |
| - <p>{{ site.description | markdownify }}</p> |
9 |
| - <ul class="actions"> |
| 4 | + <!-- Banner --> |
| 5 | + <section id="banner"> |
| 6 | + <div class="inner"> |
| 7 | + <h2>{{ site.title }}</h2> |
| 8 | + <p>{{ site.description | markdownify }}</p> |
| 9 | + <ul class="actions"> |
10 | 10 | <li><a href="https://github.com/erlanglab/erlangpl" class="button special icon fa-github" style="background-color: #1F79B7;">Our GitHub</a></li>
|
11 | 11 | <li><a href="/getting_started.html" class="button special icon fa-play" style="background-color: #8FBF47;">Getting Started</a></li>
|
12 |
| - <li><a href="https://github.com/erlanglab/erlangpl/releases/download/0.6.0/erlangpl.tar.gz" class="button special icon fa-download" style="background-color: #227A50;">Download</a></li> |
13 |
| - </ul> |
| 12 | + <li><a href="https://github.com/erlanglab/erlangpl/releases/download/0.6.1/erlangpl.tar.gz" class="button special icon fa-download" style="background-color: #227A50;">Download</a></li> |
| 13 | + </ul> |
14 | 14 |
|
15 | 15 | <!-- Place this tag where you want the button to render. -->
|
16 | 16 | <a style="margin: auto;" class="github-button" href="https://github.com/erlanglab/erlangpl" data-icon="octicon-star" data-style="mega" data-count-href="/erlanglab/erlangpl/stargazers" data-count-api="/repos/erlanglab/erlangpl#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star erlanglab/erlangpl on GitHub">Star</a>
|
17 | 17 |
|
18 |
| - </div> |
19 |
| - <a href="#one" class="more scrolly">Learn More</a> |
20 |
| - </section> |
| 18 | + </div> |
| 19 | + <a href="#one" class="more scrolly">Learn More</a> |
| 20 | + </section> |
21 | 21 |
|
22 |
| - <!-- One --> |
23 |
| - <section id="one" class="wrapper style1 special"> |
24 |
| - <div class="inner"> |
25 |
| - <header class="major"> |
26 |
| - <h2>What is Erlang Performance Lab?</h2> |
27 |
| - <p>Tool for developers working with the Erlang VM (BEAM).<br /> |
| 22 | + <!-- One --> |
| 23 | + <section id="one" class="wrapper style1 special"> |
| 24 | + <div class="inner"> |
| 25 | + <header class="major"> |
| 26 | + <h2>What is Erlang Performance Lab?</h2> |
| 27 | + <p>Tool for developers working with the Erlang VM (BEAM).<br /> |
28 | 28 | It helps with observing a system and its performance analysis.</p>
|
29 |
| - </header> |
30 |
| - <ul class="icons major"> |
31 |
| - <li><a href="https://github.com/erlanglab/erlangpl" class="icon fa-github major style1"><span class="label">GitHub</span></a></li> |
32 |
| - <li><a href="https://www.youtube.com/channel/UCGkcbu799cC1rtMaQtAajpg" class="icon fa-youtube major style2"><span class="label">YouTube</span></a></li> |
33 |
| - <li><a href="https://twitter.com/erlanglab" class="icon fa-twitter major style3"><span class="label">Twitter</span></a></li> |
34 |
| - </ul> |
35 |
| - </div> |
36 |
| - </section> |
| 29 | + </header> |
| 30 | + <ul class="icons major"> |
| 31 | + <li><a href="https://github.com/erlanglab/erlangpl" class="icon fa-github major style1"><span class="label">GitHub</span></a></li> |
| 32 | + <li><a href="https://www.youtube.com/channel/UCGkcbu799cC1rtMaQtAajpg" class="icon fa-youtube major style2"><span class="label">YouTube</span></a></li> |
| 33 | + <li><a href="https://twitter.com/erlanglab" class="icon fa-twitter major style3"><span class="label">Twitter</span></a></li> |
| 34 | + </ul> |
| 35 | + </div> |
| 36 | + </section> |
37 | 37 |
|
38 |
| - <!-- Two --> |
39 |
| - <section id="two" class="wrapper alt style2"> |
| 38 | + <!-- Two --> |
| 39 | + <section id="two" class="wrapper alt style2"> |
40 | 40 | <!-- DASHBOARD -->
|
41 | 41 | <section class="spotlight">
|
42 |
| - <div class="image"><img src="images/erlanglab_dashboard.png" alt="" /></div><div class="content"> |
43 |
| - <h2>Dashboard</h2> |
44 |
| - <p>Gives high level overview of the current system throughput, |
| 42 | + <div class="image"><img src="images/erlanglab_dashboard.png" alt="" /></div><div class="content"> |
| 43 | + <h2>Dashboard</h2> |
| 44 | + <p>Gives high level overview of the current system throughput, |
45 | 45 | process activities like spawns or exits, memory footprint
|
46 | 46 | and Erlang runtime system settings.
|
47 | 47 | It is a good starting point for any system exploration.
|
48 | 48 | Live charts help observe trends in the recent history
|
49 | 49 | and reason about the overall health of the system.
|
50 | 50 | </p>
|
51 |
| - </div> |
52 |
| - </section> |
| 51 | + </div> |
| 52 | + </section> |
53 | 53 |
|
54 | 54 | <!-- MESSAGE PASSING -->
|
55 | 55 | <section class="spotlight">
|
56 |
| - <div class="image"><img src="images/erlanglab_message_passing.png" alt="" /></div><div class="content"> |
57 |
| - <h2>Message passing graph</h2> |
58 |
| - <p>In Erlang-based systems processes share data through message passing. |
| 56 | + <div class="image"><img src="images/erlanglab_message_passing.png" alt="" /></div><div class="content"> |
| 57 | + <h2>Message passing graph</h2> |
| 58 | + <p>In Erlang-based systems processes share data through message passing. |
59 | 59 | If certain processes receive more messages than they can handle,
|
60 | 60 | their inbox queue starts growing. Over time it can lead to bottlenecks.
|
61 | 61 | The graph visualises which processes communicate extensively
|
62 | 62 | allowing you to easily spot key places slowing down your application.
|
63 | 63 | </p>
|
64 |
| - </div> |
65 |
| - </section> |
| 64 | + </div> |
| 65 | + </section> |
66 | 66 |
|
67 | 67 | <!-- TRAFFIC -->
|
68 |
| - <section class="spotlight"> |
69 |
| - <div class="image"><img src="images/erlanglab_traffic.png" alt="" /></div><div class="content"> |
70 |
| - <h2>Traffic graph</h2> |
71 |
| - <p>Gaining visibility into network traffic in distributed systems is of great |
| 68 | + <section class="spotlight"> |
| 69 | + <div class="image"><img src="images/erlanglab_traffic.png" alt="" /></div><div class="content"> |
| 70 | + <h2>Traffic graph</h2> |
| 71 | + <p>Gaining visibility into network traffic in distributed systems is of great |
72 | 72 | importance as it helps to understand the behaviour of the entire system,
|
73 | 73 | which can consist of more than one Erlang node.
|
74 | 74 | Graphical representation of clustering helps grasp the inter-node traffic
|
75 | 75 | patterns and allows displaying traffic data on a graph of nodes.
|
76 | 76 | </p>
|
77 |
| - </div> |
78 |
| - </section> |
| 77 | + </div> |
| 78 | + </section> |
79 | 79 |
|
80 | 80 | <!-- SUPERVISION TREE -->
|
81 | 81 | <section class="spotlight">
|
82 |
| - <div class="image"><img src="images/erlanglab_st.png" alt="" /></div><div class="content"> |
83 |
| - <h2>Supervision tree</h2> |
84 |
| - <p>Internal structure of any OTP application can be very complicated. |
| 82 | + <div class="image"><img src="images/erlanglab_st.png" alt="" /></div><div class="content"> |
| 83 | + <h2>Supervision tree</h2> |
| 84 | + <p>Internal structure of any OTP application can be very complicated. |
85 | 85 | Supervision tree visualization may help understand it which
|
86 | 86 | is crucial for designing efficient and fault tolerant system.
|
87 | 87 | It also has learning value, showing basic relations between
|
88 | 88 | workers and supervisors, giving foundation for reasoning
|
89 | 89 | about whole architecture.
|
90 | 90 | </p>
|
91 |
| - </div> |
92 |
| - </section> |
93 |
| - </section> |
| 91 | + </div> |
| 92 | + </section> |
| 93 | + </section> |
94 | 94 |
|
95 |
| - <!-- CTA --> |
96 |
| - <section id="cta" class="wrapper style4"> |
97 |
| - <div class="inner"> |
98 |
| - <header> |
99 |
| - <h2>Interested in erlang.pl?</h2> |
| 95 | + <!-- CTA --> |
| 96 | + <section id="cta" class="wrapper style4"> |
| 97 | + <div class="inner"> |
| 98 | + <header> |
| 99 | + <h2>Interested in erlang.pl?</h2> |
100 | 100 | <p>If you would like to help with beta testing,<br />
|
101 | 101 | download the tool and try it on your system.<br />
|
102 | 102 | Don't forget to send us feedback!</p>
|
103 |
| - </header> |
104 |
| - <ul class="actions vertical"> |
105 |
| - <li><a href="https://erlang.pl/erlangpl.gz" class="button fit special icon fa-download" style="background-color: #227A50;">Download</a></li> |
106 |
| - <li><a href=" mailto:[email protected]" class=" button fit" >Feedback </a></li> |
107 |
| - </ul> |
108 |
| - </div> |
109 |
| - </section> |
| 103 | + </header> |
| 104 | + <ul class="actions vertical"> |
| 105 | + <li><a href="https://erlang.pl/erlangpl.gz" class="button fit special icon fa-download" style="background-color: #227A50;">Download</a></li> |
| 106 | + <li><a href=" mailto:[email protected]" class=" button fit" >Feedback </a></li> |
| 107 | + </ul> |
| 108 | + </div> |
| 109 | + </section> |
0 commit comments