Skip to content

Commit ebc1df8

Browse files
committed
front page layout
1 parent 48bbb2a commit ebc1df8

File tree

7 files changed

+177
-1
lines changed

7 files changed

+177
-1
lines changed

src/css/oap/main.css

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,12 @@
55
height: 8rem;
66
}
77

8+
.oap-logo-sm {
9+
position: absolute;
10+
left: 1rem;
11+
height: 3rem;
12+
}
13+
814
.home-link {
915
background: url(../img/home-o.svg) no-repeat 50% 45%;
1016
background-size: 50%;
@@ -31,3 +37,34 @@
3137
.footer {
3238
background-color: #e1e1e1;
3339
}
40+
41+
.card {
42+
width: 100%;
43+
display: flex;
44+
background-color: #fafafa;
45+
border-radius: 5px;
46+
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
47+
color: #242424;
48+
padding: 0.75rem;
49+
}
50+
51+
.home .doc .exampleblock.card > .content {
52+
width: 100%;
53+
border: none;
54+
background: none;
55+
padding: 0;
56+
}
57+
58+
.home .doc table.tableblock {
59+
font-size: large;
60+
margin: 0;
61+
}
62+
63+
.home .doc .dlist {
64+
font-size: large;
65+
}
66+
67+
.home .doc .dlist dt {
68+
font-style: normal;
69+
font-weight: bold;
70+
}

src/css/oap/tailwind.css

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,10 @@
88
/* >> custom utilities ============================================= */
99
@tailwind utilities;
1010

11+
.font-extralight {
12+
font-weight: 200;
13+
}
14+
1115
@responsive {
1216
.w-sidebar {
1317
width: 350px;
@@ -19,10 +23,14 @@
1923
}
2024
}
2125

22-
@media (min-width: 1024px) {
26+
@media (min-width: 900px) {
2327
.lg\:top-sidebar {
2428
top: 3.95rem;
2529
}
30+
31+
.home .card {
32+
width: 48%;
33+
}
2634
}
2735

2836
/* >> custom utilities ============================================= */

src/layouts/home.hbs

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
{{> oap-head}}
5+
</head>
6+
7+
<body class="text-green-900">
8+
9+
<header class="bg-white w-full fixed top-0 z-30">
10+
11+
<div class="relative h-16 border-b m-0 px-4 max-w-screen-xl mx-auto flex items-center justify-between">
12+
<img src="{{{uiRootPath}}}/img/openapi-processor-p.svg" alt="logo" class="oap-logo-sm">
13+
<div class="text-2xl ml-12">
14+
<a href="https://docs.openapiprocessor.io" class="hover:text-gray-600 font-extralight">openapiprocessor.io</a>
15+
</div>
16+
17+
<div class="flex justify-around">
18+
<a class="hover:text-gray-600 text-2xl font-extralight md:hidden"
19+
href="https://docs.openapiprocessor.io">Docs</a>
20+
21+
<a class="hover:text-gray-600 text-2xl font-extralight hidden md:inline"
22+
href="https://docs.openapiprocessor.io">Documentation</a>
23+
24+
<a class="ml-4 hover:text-gray-600 text-2xl" href="https://twitter.com/OpenApiProcess">
25+
<i class="fab fa-twitter"></i>
26+
</a>
27+
28+
<a class="ml-4 hover:text-gray-600 text-2xl" href="https://github.com/openapi-processor">
29+
<i class="fab fa-github"></i>
30+
</a>
31+
</div>
32+
</div>
33+
34+
</header>
35+
36+
<main class="home m-0 lg:px-5 mt-16 max-w-screen-xl mx-auto">
37+
38+
<div class="lg:flex lg:flex-row-reverse text-lg" style="min-height: 100vh;">
39+
40+
<section class="flex-col lg:flex-grow px-4">
41+
42+
<article class="bg-white py-4 doc">
43+
{{#with page.title}}
44+
<h1 class="page">{{{this}}}</h1>
45+
{{/with}}
46+
{{{page.contents}}}
47+
</article>
48+
49+
</section>
50+
51+
</div>
52+
53+
{{> oap-footer-new}}
54+
</main>
55+
56+
{{> oap-body-scripts}}
57+
58+
</body>
59+
60+
</html>

src/partials/footer-content-oap.hbs

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<!-- obsolete -->
12
<footer class="footer">
23

34
<div class="footer-grid">

src/partials/header-content-oap.hbs

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<!-- obsolete -->
12
<header class="header">
23
<nav class="navbar">
34
<div class="navbar-brand">

src/partials/oap-body-scripts.hbs

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<script type="module" src="{{{uiRootPath}}}/versions/versions.esm.js"></script>
2+
<script async src="{{{uiRootPath}}}/js/vendor/highlight.js"></script>
3+
{{> oap-footer}}

src/partials/oap-footer-new.hbs

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<footer class="p-6 mt-4 border footer sticky" style="bottom: -20rem">
2+
3+
<div class="text-gray-700 text-sm flex justify-between">
4+
5+
<div class="flex-none w-48 mr-12">
6+
<img src="{{uiRootPath}}/img/openapi-processor-large.png" alt="logo" class="h-24 w-48">
7+
8+
<div class="text-xs text-center">&#169; 2019-2021 Martin Hauner</div>
9+
</div>
10+
11+
<div class="flex justify-between flex-col lg:flex-row">
12+
13+
<div class="flex flex-col mb-4 mr-0 mr-12">
14+
<div class="font-bold">Twitter</div>
15+
16+
<a class="" href="https://twitter.com/OpenApiProcess">
17+
<i class="fab fa-twitter"></i> @OpenApiProcess
18+
</a>
19+
</div>
20+
21+
<div class="flex flex-col mb-4 mr-0 mr-12">
22+
<div class="font-bold">Samples - GitHub</div>
23+
24+
<a class="" href="https://github.com/openapi-processor/openapi-processor-samples">
25+
<i class="fab fa-github"></i> oap-samples
26+
</a>
27+
</div>
28+
29+
<div class="flex flex-col mb-4 mr-0 mr-12">
30+
<div class="font-bold">Plugins - GitHub</div>
31+
32+
<a class="" href="https://github.com/openapi-processor/openapi-processor-maven">
33+
<i class="fab fa-github"></i> oap-maven
34+
</a>
35+
36+
<a class="" href="https://github.com/openapi-processor/openapi-processor-gradle">
37+
<i class="fab fa-github"></i> oap-gradle
38+
</a>
39+
</div>
40+
41+
<div class="flex flex-col mr-12">
42+
<div class="font-bold">Processors - GitHub</div>
43+
44+
<a class="" href="https://github.com/openapi-processor/openapi-processor-spring">
45+
<i class="fab fa-github"></i> oap-spring
46+
</a>
47+
48+
<a class="" href="https://github.com/openapi-processor/openapi-processor-micronaut">
49+
<i class="fab fa-github"></i> oap-micronaut
50+
</a>
51+
52+
<a class="" href="https://github.com/openapi-processor/openapi-processor-json">
53+
<i class="fab fa-github"></i> oap-json
54+
</a>
55+
56+
<a class="" href="https://github.com/openapi-processor/openapi-processor-core">
57+
<i class="fab fa-github"></i> oap-core
58+
</a>
59+
60+
</div>
61+
</div>
62+
63+
64+
</div>
65+
66+
</footer>

0 commit comments

Comments
 (0)