Skip to content

Commit

Permalink
Merge pull request #1700 from vishalvivekm/patch-5
Browse files Browse the repository at this point in the history 
refactor: inline css
  • Loading branch information
@vishalvivekm
vishalvivekm committed Apr 14, 2024
2 parents 120eaf7 + 323e43b commit cafb55b
Show file tree
Hide file tree
Showing 8 changed files with 150 additions and 25 deletions.
21 changes: 14 additions & 7 deletions _includes/features.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@

<section style="position: relative;">
<section>
<div class="container flex" style="align-items: normal;" >
<div class="text " style="padding: 0 20px 20px 0;">

Expand All @@ -10,7 +10,7 @@ <h2><span class="special-text">Intelligent inference</span> for your infrastruct
</div>
</p>
</div>
<div style="display: flex;flex-direction: column;align-items: center;flex-basis: 40%;" >
<div class="tab-container" >
<div class="tab">
<button class="tablinks active" onclick="openTab(event, 'edge')">Edge</button>
<button class="tablinks" onclick="openTab(event, 'hierarchical')">Hierarchical</button>
Expand Down Expand Up @@ -332,14 +332,12 @@ <h2>{{ features.title }}</h2>
index = 1;
}
images[index-1].style.display = "block";
console.log(index);
console.log(relationships)
timeOutId = setTimeout(displayImages, 2000);
timeOutId = setTimeout(displayImages, 3000);
}
}
</script>
<style>
.tab {
.tab {

box-shadow: var(--box-shadow-primary) !important;
border-radius: .5rem;
Expand All @@ -356,4 +354,13 @@ <h2>{{ features.title }}</h2>
}

}
</style>
.feature-section {
max-height: 300px;
}
.tab-container {
display: flex;
flex-direction: column;
align-items: center;
flex-basis: 40%;
}
</style>
68 changes: 50 additions & 18 deletions _includes/partials/relationships.html
View file
Original file line number Diff line number Diff line change
@@ -1,32 +1,64 @@
<figure class="tabcontent hierarchical" id="hierarchical" style="margin:0;" data-fancybox="images" data-caption="Example: Kubernetes Deployment with ConfigMap applied" href="https://docs.meshery.io/assets/img/meshmodel/relationships/hierarchical_inventory_relationship.svg"><br>
<img alt="Example: Kubernetes Deployment with ConfigMap applied" src="https://docs.meshery.io/assets/img/meshmodel/relationships/hierarchical_inventory_relationship.svg" style="display:block;width:100%;background:none;padding-bottom: 20px;margin-left:auto;margin-right: auto;">
<figcaption style="text-align: center;padding-top:.2em;color:var(--color-secondary-dark);margin-top: -2.4em">Example: Kubernetes Deployment with ConfigMap applied</figcaption>
<figure class="tabcontent hierarchical" id="hierarchical" data-fancybox="images" data-caption="Example: Kubernetes Deployment with ConfigMap applied" href="https://docs.meshery.io/assets/img/meshmodel/relationships/hierarchical_inventory_relationship.svg"><br>
<img alt="Example: Kubernetes Deployment with ConfigMap applied" src="{{ site.baseurl }}/assets/images/features/relationships/hierarchical_inventory_relationship.svg">
<figcaption>Example: Kubernetes Deployment with ConfigMap applied</figcaption>
</figure>

<figure class="tabcontent hierarchical" id="hierarchical" style="margin:0;" data-fancybox="images" data-caption=" Hierarchical - Parent: Namespace (Parent) and ConfigMap (child), Role (Child)" href="https://docs.meshery.io/assets/img/meshmodel/relationships/hierarchical_parent_relationship.svg"><br>
<img alt=" Hierarchical - Parent: Namespace (Parent) and ConfigMap (child), Role (Child)" src="https://docs.meshery.io/assets/img/meshmodel/relationships/hierarchical_parent_relationship.svg" style="display:block;width:100%;background:none;padding-bottom: 20px;margin-left:auto;margin-right: auto;">
<figcaption style="text-align: center;padding-top:.2em;color:var(--color-secondary-dark);margin-top: -2.4em"> Hierarchical - Parent: Namespace (Parent) and ConfigMap (child), Role (Child) </figcaption>
<figure class="tabcontent hierarchical" id="hierarchical" data-fancybox="images" data-caption=" Hierarchical - Parent: Namespace (Parent) and ConfigMap (child), Role (Child)" href="https://docs.meshery.io/assets/img/meshmodel/relationships/hierarchical_parent_relationship.svg"><br>
<img alt=" Hierarchical - Parent: Namespace (Parent) and ConfigMap (child), Role (Child)" src="{{ site.baseurl }}/assets/images/features/relationships/hierarchical_parent_relationship.svg">
<figcaption> Hierarchical - Parent: Namespace (Parent) and ConfigMap (child), Role (Child) </figcaption>
</figure>

<figure class="tabcontent edge" id="edge" style="margin:0;display: none;" data-fancybox="images" data-caption="Kubernetes Pod with Persistent Volume mounted via Persistent Volume Claim" href="https://docs.meshery.io/assets/img/meshmodel/relationships/edge_mount_relationship_pod_persistent_volume.svg"><br>
<img alt="Kubernetes Pod with Persistent Volume mounted via Persistent Volume Claim" src="https://docs.meshery.io/assets/img/meshmodel/relationships/edge_mount_relationship_pod_persistent_volume.svg" style="display:block;width:100%;background:none;padding-bottom: 20px;margin-left:auto;margin-right: auto;">
<figcaption style="text-align: center;padding-top:.2em;color:var(--color-secondary-dark);margin-top: -2.4em">Example: Kubernetes Pod with Persistent Volume mounted via Persistent Volume Claim</figcaption>
<figure class="tabcontent edge" id="edge" data-fancybox="images" data-caption="Kubernetes Pod with Persistent Volume mounted via Persistent Volume Claim" href="https://docs.meshery.io/assets/img/meshmodel/relationships/edge_mount_relationship_pod_persistent_volume.svg"><br>
<img alt="Kubernetes Pod with Persistent Volume mounted via Persistent Volume Claim" src="{{ site.baseurl }}/assets/images/features/relationships/edge_mount_relationship_pod_persistent_volume.svg" style="display:block;">
<figcaption>Example: Kubernetes Pod with Persistent Volume mounted via Persistent Volume Claim</figcaption>
</figure>

<figure class="tabcontent edge" id="edge" style="margin:0;display: none;" data-fancybox="images" data-caption="Kubernetes Ingress mapped a Service" href="https://docs.meshery.io/assets/img/meshmodel/relationships/edge_network_ingress_to_service_relationship.svg"><br>
<img alt="Kubernetes Ingress mapped a Service" src="https://docs.meshery.io/assets/img/meshmodel/relationships/edge_network_ingress_to_service_relationship.svg" style="display:block;width:100%;background:none;padding-bottom: 20px;margin-left:auto;margin-right: auto;">
<figcaption style="text-align: center;padding-top:.2em;color:var(--color-secondary-dark);margin-top: -2.4em">Example: Kubernetes Ingress mapped a Service</figcaption>
<figure class="tabcontent edge" id="edge" data-fancybox="images" data-caption="Kubernetes Ingress mapped a Service" href="https://docs.meshery.io/assets/img/meshmodel/relationships/edge_network_ingress_to_service_relationship.svg"><br>
<img alt="Kubernetes Ingress mapped a Service" src="{{ site.baseurl }}/assets/images/features/relationships/edge_network_ingress_to_service_relationship.svg">
<figcaption>Example: Kubernetes Ingress mapped a Service</figcaption>
</figure>

<figure class="tabcontent edge" id="edge" style="margin:0;display: none;" data-fancybox="images" data-caption="Kubernetes Cluster Role assigned to a Service Account" href="https://docs.meshery.io/assets/img/meshmodel/relationships/edge_permission_relationship_cluster_role_service_account.svg"><br>
<img alt="Kubernetes Cluster Role assigned to a Service Account" src="https://docs.meshery.io/assets/img/meshmodel/relationships/edge_permission_relationship_cluster_role_service_account.svg" style="display:block;width:100%;background:none;padding-bottom: 20px;margin-left:auto;margin-right: auto;">
<figcaption style="text-align: center;padding-top:.2em;color:var(--color-secondary-dark);margin-top: -2.4em">Example: Kubernetes Cluster Role assigned to a Service Account</figcaption>
<figure class="tabcontent edge" id="edge" data-fancybox="images" data-caption="Kubernetes Cluster Role assigned to a Service Account" href="https://docs.meshery.io/assets/img/meshmodel/relationships/edge_permission_relationship_cluster_role_service_account.svg"><br>
<img alt="Kubernetes Cluster Role assigned to a Service Account" src="{{ site.baseurl }}/assets/images/features/relationships/edge_permission_relationship_cluster_role_service_account.svg">
<figcaption>Example: Kubernetes Cluster Role assigned to a Service Account</figcaption>
</figure>

<figure class="tabcontent sibling" id="sibling" style="margin:0;display: none;width: 60%;" data-fancybox="images" data-caption="Kubernetes Service and Deployment with matching label selectors" href="https://docs.meshery.io/assets/img/meshmodel/relationships/sibling_relationship.png"><br>
<img alt="Kubernetes Service and Deployment with matching label selectors" src="https://docs.meshery.io/assets/img/meshmodel/relationships/sibling_relationship.png" style="display:block;width:100%;height:100%;background:none;padding-bottom: 20px;margin-left:auto;margin-right: auto;object-fit: cover;">
<figcaption style="text-align: center;padding-top:.2em;color:var(--color-secondary-dark);">Example: Kubernetes Service and Deployment with matching label selectors</figcaption>
<figure class="tabcontent sibling" id="sibling" style="width: 60%;" data-fancybox="images" data-caption="Kubernetes Service and Deployment with matching label selectors" href="https://docs.meshery.io/assets/img/meshmodel/relationships/sibling_relationship.png"><br>
<img alt="Kubernetes Service and Deployment with matching label selectors" src="{{ site.baseurl }}/assets/images/features/relationships/sibling_relationship.png">
<figcaption>Example: Kubernetes Service and Deployment with matching label selectors</figcaption>
</figure>



<style>
.hierarchical,
.edge,
.sibling {
margin: 0;
}

.hierarchical figcaption,
.edge figcaption,
.sibling figcaption {
text-align: center;
padding-top: .2em;
color: var(--color-secondary-dark);
}

.hierarchical img,
.edge img,
.sibling img {
display: block;
width: 100%;
background: none;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
object-fit: contain;
}

.edge,
.sibling {
display: none;
}
</style>
21 changes: 21 additions & 0 deletions ...images/features/relationships/edge_mount_relationship_pod_persistent_volume.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit cafb55b

Please sign in to comment.