Skip to content

Commit 7a96183

Browse files
liqian19891011liqian19891011
committed
Add draft adopters page
1 parent ed2a37a commit 7a96183

File tree

2 files changed

+125
-1
lines changed

2 files changed

+125
-1
lines changed

‎_includes/head.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,5 +16,8 @@
1616
<link rel="stylesheet" href="https://bootswatch.com/united/bootstrap.min.css"/>
1717
<link rel="stylesheet" href="/public/css/site.css">
1818
<link rel="stylesheet" href="/public/css/syntax.css">
19-
19+
<!--Below is for the adopters page-->
20+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.0.7/css/swiper.min.css">
21+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/magnific-popup.min.css">
22+
<!-- end -->
2023
</head>

‎pages/adopters.html

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
---
2+
layout: page
3+
title: Adopters (Draft)
4+
permalink: /adopters/
5+
---
6+
7+
<style>
8+
.white-popup {
9+
position: relative;
10+
background: #FFF;
11+
padding: 20px;
12+
width:auto;
13+
max-width: 500px;
14+
margin: 20px auto;
15+
}
16+
</style>
17+
18+
<div class="swiper-container">
19+
20+
<div class="swiper-wrapper">
21+
<div class="swiper-slide">
22+
<a class="open-popup-link" href="#microsoft-detail"><img src="holder.js/250x200"></a>
23+
<br /> <br />
24+
<p><strong>Microsoft</strong> Cloud first, Mobile first.</p>
25+
</div>
26+
27+
<div class="swiper-slide">
28+
<a class="open-popup-link" href="#"><img src="holder.js/250x200"></a>
29+
<br /> <br />
30+
<p><strong>SAP</strong> The best-run businesses run SAP.</p>
31+
</div>
32+
33+
<div class="swiper-slide">
34+
<a class="open-popup-link" href="#salesforce-detail"><img src="holder.js/250x200"></a>
35+
<br /> <br />
36+
<p><strong>Salesforce</strong> Sell smarter and faster with the world’s #1 CRM.</p>
37+
</div>
38+
39+
<div class="swiper-slide">
40+
<a class="open-popup-link" href="#"><img src="holder.js/250x200"></a>
41+
<br /> <br />
42+
<p><strong>IBM</strong> Accelera insights, improve performance, cut costs</p>
43+
</div>
44+
45+
<div class="swiper-slide">
46+
<a class="open-popup-link" href="#acumatica-detail"><img src="holder.js/250x200"></a>
47+
<br /> <br />
48+
<p><strong>Acumatica</strong> a cloud- and browser-based enterprise resource planning (ERP) solution</p>
49+
</div>
50+
51+
<div class="swiper-slide">
52+
<a class="open-popup-link" href="#"><img src="holder.js/250x200"></a>
53+
</div>
54+
55+
<div class="swiper-slide">
56+
<a class="open-popup-link" href="#"><img src="holder.js/250x200"></a>
57+
</div>
58+
59+
<div class="swiper-slide">
60+
<a class="open-popup-link" href="#"><img src="holder.js/250x200"></a>
61+
</div>
62+
63+
<div class="swiper-slide">
64+
<a class="open-popup-link" href="#"><img src="holder.js/250x200"></a>
65+
</div>
66+
67+
<div class="swiper-slide">
68+
<a class="open-popup-link" href="#"><img src="holder.js/250x200"></a>
69+
</div>
70+
71+
</div>
72+
73+
74+
<br /><br />
75+
<div class="swiper-pagination"></div>
76+
</div>
77+
78+
<!-- Detailed descriptions of each company-->
79+
<div id="microsoft-detail" class="white-popup mfp-hide">
80+
<h1>Microsoft</h1>
81+
<p>A lot of Microsoft products support OData, including <b>Excel</b>, <b>Sharepoint</b>, <b>Office API</b>, <b>Auzre</b>, <b>Exchange</b>, <b>Dynamics CRM</b>, and etc.</p>
82+
<ul>
83+
<li><a href="#">Power Query</a> is a data analysis feature available for Excel that lets you discover, combine and refine data. Microsoft Power Query for Excel enhances self-service business intelligence (BI) for Excel with an intuitive and consistent experience for discovering, combining, and refining data across a wide variety of sources including relational, structured and semi-structured, <b>OData</b>, Web, Hadoop, Azure Marketplace, and more.</li>
84+
<li><a href="">Office 365 APIs</a> enable you to provide access to your customer's Office 365 data, including the things they care about most--their mail, calendars, contacts, users and groups, files, and folders--all right from within your app itself.</li>
85+
<li><a href="#">Microsoft Dynamics</a> offers a full range of software focused on delivering business insights that matter to both you and your customers. Developers can query Microsoft Dynamics CRM data using the <b>OData</b> endpoint</li>
86+
</ul>
87+
88+
</div>
89+
90+
<div id="salesforce-detail" class="white-popup mfp-hide">
91+
<h1>Salesforce Details</h1>
92+
</div>
93+
94+
<div id="acumatica-detail" class="white-popup mfp-hide">
95+
<h1>Acumatica</h1>
96+
<p>Acumatica, founded in 2008, is a technology provider that develops adaptable cloud- and browser-based enterprise resource planning (ERP) software designed to improve productivity of small and medium-sized businesses (SMBs). The company is headquartered in the Seattle metropolitan area and has a number of satellite offices around the globe. Business data and lists created in generic inquiries can be exposed as <b>OData</b> endpoints.</p>
97+
</div>
98+
99+
<!--Below is for the adopters page-->
100+
<script src="//code.jquery.com/jquery-2.1.0.min.js"></script>
101+
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.0.6/js/swiper.jquery.min.js"></script>
102+
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/jquery.magnific-popup.min.js"></script>
103+
<script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.7.1/holder.min.js"></script>
104+
<!--end-->
105+
106+
<script type="text/javascript">
107+
var swiper = new Swiper('.swiper-container', {
108+
pagination: '.swiper-pagination',
109+
slidesPerView: 4,
110+
slidesPerColumn: 2,
111+
paginationClickable: '.swiper-pagination',
112+
spaceBetween: 30,
113+
speed: 300,
114+
autoplay: 5000
115+
});
116+
$('.open-popup-link').magnificPopup({
117+
type:'inline',
118+
midClick: true
119+
});
120+
</script>
121+

0 commit comments

Comments
 (0)