Skip to content
This repository was archived by the owner on Sep 14, 2023. It is now read-only.

Commit 2d82f46

Browse files
lbricklbrick
committed
fix my bung cards
1 parent 4189cd4 commit 2d82f46

10 files changed

+92
-41
lines changed

‎docs/assets/css/my.css

+42-38
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,42 @@
1-
.home-container {
2-
display: grid;
3-
grid-template-columns: 1fr 1fr;
4-
grid-template-rows: 1fr;
5-
gap: 0px 0px;
6-
grid-auto-flow: row;
7-
grid-template-areas:
8-
"get-started talk-to-us";
9-
}
10-
11-
.get-started { grid-area: get-started; }
12-
13-
.talk-to-us { grid-area: talk-to-us; }
14-
15-
.services-container {
16-
display: grid;
17-
grid-template-columns: 1fr 1fr 1fr;
18-
grid-template-rows: 1fr;
19-
gap: 0px 10px;
20-
grid-auto-flow: row;
21-
grid-template-areas:
22-
"cloud-native programmable-infra partnership-led";
23-
}
24-
25-
.cloud-native {
26-
grid-area: cloud-native;
27-
}
28-
29-
.programmable-infra { grid-area: programmable-infra; }
30-
31-
.partnership-led { grid-area: partnership-led; }
32-
33-
.center {
34-
display: block;
35-
margin-left: auto;
36-
margin-right: auto;
37-
width: 50%;
38-
}
1+
/*start Pillar style*/
2+
.pillarwrapper {
3+
display: flex;
4+
padding: 20px 20px 0px 20px;
5+
}
6+
7+
.pillarwrapper > div {
8+
flex-grow: 1;
9+
padding: 20px 20px 0px 20px;
10+
height:auto;
11+
overflow:hidden;
12+
transition: ease-in-out 200ms;
13+
/*box-shadow: 0.05rem 0.05rem 0.075rem 0.075rem gainsboro; */
14+
box-shadow: 0px 10px 10px rgba(30, 30, 30, 0.08);
15+
/*background: linear-gradient(to right bottom, #f7fafc, #fff);*/
16+
/* background-color: #ffffff; */
17+
border-collapse: collapse;
18+
cursor: default; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
19+
}
20+
21+
.pillarwrapper > div:first-of-type { margin-right:10px }
22+
.pillarwrapper > div:nth-of-type(2) { margin-right:10px }
23+
.pillarwrapper > div:nth-of-type(3) { }
24+
25+
.pillarwrapper > h2 { margin-top:0 margin-bottom:0 }
26+
27+
.pillarwrapper > div:hover {
28+
box-shadow: 0px 10px 20px rgba(30, 30, 30, 0.16);
29+
}
30+
31+
.pillarcard {
32+
padding-bottom:0px;
33+
width:33vw;
34+
}
35+
.pillarcard img {
36+
opacity: 0.8;
37+
transition: ease-in-out 200ms;
38+
}
39+
.pillarcard:hover img {
40+
opacity: 1.0;
41+
}
42+
/*end Pillar style*/

‎docs/assets/icons/iconmonstr-cloud-14.svg

+1
Loading

‎docs/assets/icons/iconmonstr-cloud-15.svg

+1
Loading

‎docs/assets/icons/iconmonstr-git-4.svg

+1
Loading

‎docs/assets/icons/iconmonstr-git-5.svg

+1
Loading

‎docs/assets/icons/iconmonstr-handshake-4.svg

+1
Loading

‎docs/assets/icons/iconmonstr-handshake-5.svg

+1
Loading

‎docs/cards-services.yaml

+3-3
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22
content: |
33
Use NeSI's cloud infrastructure and on-demand services to develop and manage custom,
44
interactive solutions.
5-
image: ./assets/icons/cloud-arrow-up-solid.svg
5+
image: ./assets/icons/iconmonstr-cloud-15.svg
66

77
- title: Programmable infrastructure
88
content: |
99
Apply DevOps practices enabled by Infrastructure as Code (IaC) to automate, measure,
1010
collaborate, and learn.
11-
image: ./assets/icons/code-pull-request-solid.svg
11+
image: ./assets/icons/iconmonstr-git-5.svg
1212

1313
- title: Partnership-led approaches
1414
content: |
1515
Partner with NeSI's DevOps specialists to build a platform or tools that can benefit your research community.
16-
image: ./assets/icons/handshake-solid.svg
16+
image: ./assets/icons/iconmonstr-handshake-4.svg

‎docs/index.md

+40
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,45 @@
11
# NeSI Flexible High Performance Cloud
22

3+
<!-- <div class="pillarwrapper">
4+
<div align="center" class="pillarcard">
5+
<img src="./assets/icons/iconmonstr-cloud-15.svg#only-light" width="80px" />
6+
<img src="./assets/icons/iconmonstr-cloud-14.svg#only-dark" width="80px" />
7+
<h3 style="margin-top:0px">Getting Started</h3>
8+
<p style="margin-bottom: 0px">
9+
Some Description
10+
</p>
11+
<div class="card-btn-container">
12+
<a href="getting-started/home/">
13+
<span>Click here to Get Started &rarr; </span>
14+
</a>
15+
</div>
16+
</div>
17+
<div align="center" class="pillarcard">
18+
<img src="img/vision-svgrepo-com.svg" width="80px" />
19+
<h3 style="margin-top:0px">Getting Started</h3>
20+
<p style="margin-bottom: 0px">
21+
Some Description
22+
</p>
23+
<div class="card-btn-container">
24+
<a href="getting-started/home/">
25+
<span>Click here to Get Started &rarr; </span>
26+
</a>
27+
</div>
28+
</div>
29+
<div align="center" class="pillarcard">
30+
<img src="./assets/icons/iconmonstr-cloud-15.svg" width="80px" />
31+
<h3 style="margin-top:0px">Getting Started</h3>
32+
<p style="margin-bottom: 0px">
33+
Some Description
34+
</p>
35+
<div class="card-btn-container">
36+
<a href="getting-started/home/">
37+
<span>Click here to Get Started &rarr; </span>
38+
</a>
39+
</div>
40+
</div>
41+
</div> -->
42+
343
[cards cols=3 (./docs/cards-services.yaml)]
444

545
NeSI is building a cloud computing platform for easier and more adaptable collaboration around scientific data.

‎mkdocs.yml

+1
Original file line numberDiff line numberDiff line change
@@ -53,3 +53,4 @@ plugins:
5353
extra_css:
5454
- assets/css/neoteroi-mkdocs.css
5555
- assets/css/footer.css
56+
- assets/css/my.css

0 commit comments

Comments
 (0)