This repository was archived by the owner on Aug 18, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (120 loc) · 6.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
---
layout: page
title: Open-source solutions for the API developer community
permalink: /
---
<section class="c-section x-white">
<div class="c-container -padded">
<!-- <h1 class="c-heading -h2 x=center"></h1> -->
<div class="c-grid">
<div class="_col -col-1-1">
<p>StrongLoop launched in 2013 offering an open-source enterprise version of Node.js. Acquired by IBM in 2015, the StrongLoop team continues to build LoopBack, the open-source Node.js API Framework. IBM continues to contribute and support the StrongLoop community through these projects that provide key technologies for the API economy:</p>
</div>
{% include tile.html
link ="loopback"
image="loopback-sm.png" image-width="200px"
blurb="Highly-extensible, open-source Node.js framework ideal for APIs." %}
{% include tile.html
link ="mg"
image="MicroGatewayArchitecture.png" image-width="200px"
blurb="A JavaScript runtime built on Chrome's V8 JavaScript engine." %}
{% include tile.html
link ="openapitographql"
image="openapi-to-graphql.png" image-width="200px"
blurb="Create fully functional GraphQL wrappers for existing REST(-like) APIs." %}
</div>
</div>
</section>
<section class="c-section x-white">
<div class="c-container -padded">
<div class="_col -col-1-1">
<p>We also support these key technologies for API development:</p>
<p>
<a href="https://strongloop.com/projects/#nodejs"><img src="https://strongloop.com/images/nodejs-logo.png" alt="Node.js logo" width="200" />Node.js.</a> Get projects done quickly, leverage the broad knowledge of JavaScript, and scale to the massive concurrency needed for mobile, IoT and next-generation web APIs.</p>
<p>
<a href="https://strongloop.com/projects/#openapi"><img src="https://strongloop.com/images/OpenAPI_Pantone.png" alt="OpenAPI Initiative logo" width="200" />OpenAPI Spec.</a> Open standard for defining and describing your API.</a>
</div>
</div>
</section>
{% assign featured_post = site.posts | where_exp:"post", "post.date <= site.time" %}
{% assign featured_post = featured_post | where: "featured","true" %}
{% for post in featured_post limit:1 %}
<section class="c-section x-lightgrey">
<div class="c-container -padded">
<div class="_col -col-1-1">
<h2 class="c-heading -h4">Featured: <a class="no_icon" href="{{site.url}}{{ post.url }}">{{ post.title }}</a></h2>
{% if post.author %}<p class="author">by
{% for author in post.author %}
<a class="no_icon" href="/authors/{{ author | replace: " ", "_" | replace: ".", "_" }}/">{{author}}</a>
{% if forloop.last == false %},{% endif %}
{% endfor %}
{{ post.date | date: "%b %-d, %Y" }} </p>
{% endif %}
<div class="excerpt">
{{post.excerpt | truncate: 500 }}
<p><a class="no_icon" href="{{site.url}}{{ post.url }}">See Full Post</a>
</div>
<div class="share">
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.9&appId=243237449414858";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-href="https://strongloop.com/{{post.url}}" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://strongloop.com/{{post.url}}%2F&src=sdkpreparse">Share</a></div>
<a class="twitter-share-button no_icon"
href="https://twitter.com/share"
data-size="large"
data-text="{{ post.title }}"
data-url="https://strongloop.com/{{post.url}}"
data-related="twitterapi,twitter">
<i class="fa fa-twitter" aria-hidden="true"></i> Tweet
</a>
<a class="newshare-share-button no_icon linkedinshare" href="http://www.linkedin.com/shareArticle?mini=true&url=https://strongloop.com/{{ post.title }}" target="_blank">
<i class="fa fa-linkedin" aria-hidden="true"></i> Share
</a>
<a class="newshare-share-button no_icon redditshare" href="http://reddit.com/submit?url==https://strongloop.com/{{post.url}}&title={{ post.title }}" target="_blank">
<i class="fa fa-reddit" aria-hidden="true"></i> Share
</a>
<a class="newshare-share-button tumblrshare no_icon" href="http://www.tumblr.com/share/link?url=https://strongloop.com/{{post.url}}&title={{ post.title }}" target="_blank">
<i class="fa fa-tumblr" aria-hidden="true"></i> Share
</a>
</div>
</div>
</section>
{% endfor %}
<section class="c-section x-lightgrey" >
<div class="c-container -padded-top">
<h2 class="c-heading -h3 x-center">Latest Blog Posts</h2>
<div class="c-grid">
{% assign posters = site.posts | where_exp:"post", "post.date <= site.time" %}
{% assign posters = posters | where_exp:"post", "post.visible != 0" %}
{% for post in posters limit:3 %}
<div class="_col -col-1-3">
<div class="blog-mini">
<h3 class="c-heading -h5"><a class="no_icon" href="{{site.url}}{{ post.url }}">{{ post.title }}</a></h3>
</div>
<p class="date"> {{ post.date | date: "%b %-d, %Y" }}</p>
<div class="excerpt">
{{post.excerpt | truncate: 150 }}
<p><a class="no_icon" href="{{site.url}}{{ post.url }}">More...</a>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
<section class="c-section x-green">
<div class="c-container -padded">
<div class="_col -col-1-1">
<p><a class="no_icon" href="{{site.url}}/newsletter">Check out our newsletter</a> for the latest information on these open source projects, and to learn about events where you can learn more about them and see them in action.</p>
<section class="c-section x-blue">
<div class="c-container -padded">
<p class="learn-more x-center"><a href="{{site.url}}/newsletter/" class="no_icon c-button -lg x-center x-blue">Read Newsletter</a></p>
</div>
</div>
</div>
</section>