Skip to content

Commit b3f448c

Browse files
add demo (#13)
Co-authored-by: Max Chayka <sikretu228@gmail.com>
1 parent 22802a8 commit b3f448c

7 files changed

Lines changed: 391 additions & 21 deletions

File tree

demo/assets/overlay.png

14.6 KB
Loading

demo/assets/pattern.svg

Lines changed: 15 additions & 0 deletions
Loading

demo/assets/screen.avif

6.55 KB
Binary file not shown.

demo/assets/screen.png

73 KB
Loading

demo/assets/screen.webp

6.56 KB
Loading

demo/index.html

Lines changed: 40 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,43 @@
11
<!DOCTYPE html>
2-
<html>
3-
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<title>Sample page</title>
7-
<meta name="viewport" content="width=device-width, initial-scale=1">
8-
</head>
9-
<body style="max-width: 640px; margin: auto; padding: 2em;">
10-
11-
12-
<h1>maddsua/lambda sample page</h1>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Lambda</title>
7+
<link rel="stylesheet" href="/style.css">
8+
<link rel="preconnect" href="https://fonts.googleapis.com">
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500&display=swap" rel="stylesheet">
11+
</head>
12+
<body>
13+
<div class="wrapper">
14+
<div class="container">
15+
<div class="main__container">
16+
<div class="info__left">
17+
<h1 class="info__left_title">lambda</h1>
18+
<p>C++ HTTP server with user experience of Netlify Functions (AWS Lambda)</p>
19+
<div class="info__left_btn">
20+
<button class="info__left_btn_first">
21+
<a href="https://github.com/maddsua/lambda/releases">Download</a>
22+
</button>
23+
<button class="info__left_btn_second">
24+
<a href="https://github.com/maddsua/lambda">Learn more</a>
25+
</button>
26+
</div>
27+
</div>
1328

14-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer molestie sollicitudin volutpat. Fusce sed tincidunt ligula. Duis placerat sapien in arcu facilisis pellentesque sit amet ut lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam hendrerit vitae augue nec vulputate. Vivamus in sodales arcu. Proin eleifend malesuada neque at varius.</p>
15-
16-
<p>Vivamus scelerisque porta ipsum, sed mattis nisi posuere a. Mauris tristique fringilla finibus. Curabitur a nisi a diam tempus accumsan nec et nunc. Vestibulum vitae auctor massa. Duis vel leo ultricies, vulputate lorem ac, tristique lorem. Sed varius, magna vitae tempus facilisis, neque orci ultrices tellus, sed ultrices quam mi vel turpis. Nulla varius id sapien eu facilisis. Mauris egestas congue venenatis. Donec imperdiet tristique blandit. Cras tincidunt convallis leo, nec feugiat justo porta vel. Vestibulum in neque quis lorem varius volutpat non ut massa. Mauris in dui at dolor dapibus ornare.</p>
17-
18-
<p>Vivamus elementum quis turpis quis mollis. Proin ac libero dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent sed nunc sed nunc mattis aliquam. Curabitur aliquam condimentum arcu, sed suscipit metus posuere a. Donec blandit sem tellus, consequat vehicula sem tempor sed. Fusce vitae erat ac sapien posuere maximus ac ut enim. Fusce molestie ornare mollis. Maecenas non urna semper, vulputate felis et, dictum est. Maecenas ut dolor metus. Nam non sapien mi. Morbi quam mi, ultrices vel diam posuere, rhoncus maximus magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec vehicula sagittis risus non suscipit. Cras ultricies, nulla vel ullamcorper accumsan, massa mauris volutpat tellus, in feugiat lacus nisl vel ex. Vestibulum eget nisi quis ante imperdiet ornare.</p>
19-
20-
<p>Donec id tristique nulla, at malesuada quam. Morbi luctus mauris lacus, non molestie erat suscipit dictum. Morbi eget tristique quam. Pellentesque ex nisi, ornare at placerat eu, rhoncus nec mi. Praesent pulvinar gravida pellentesque. Sed nec pretium erat. Sed venenatis venenatis lorem sit amet sagittis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla eu velit enim. Praesent tristique nunc vitae urna sagittis scelerisque. Donec vehicula neque massa, eget dictum tortor suscipit eu. Suspendisse nisl tellus, hendrerit pulvinar varius at, dignissim in lacus. Suspendisse metus ligula, tincidunt at pellentesque pulvinar, cursus nec nulla.</p>
21-
22-
<p>Fusce gravida dignissim tristique. Phasellus a lacus massa. Maecenas efficitur massa eros, eu condimentum nunc ornare a. Duis eu ex placerat elit rhoncus eleifend. Fusce lobortis, nulla ac pulvinar auctor, sapien nibh consectetur lorem, sit amet pharetra nulla mi non ipsum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam at dui in ligula sagittis convallis. Duis egestas auctor leo quis condimentum. </p>
23-
</body>
29+
<div class="info__righ">
30+
<div class="image phone">
31+
<div class="inner">
32+
<picture>
33+
<source srcset="assets/screen.avif" type="image/avif">
34+
<source srcset="assets/screen.webp" type="image/webp">
35+
<img src="assets/screen.png" width="480" height="440">
36+
</picture>
37+
</div>
38+
</div>
39+
</div>
40+
</div>
41+
</div>
42+
</body>
2443
</html>

0 commit comments

Comments
 (0)