Commit 36a83bfd authored by Dennis Hendriks's avatar Dennis Hendriks
Browse files

Merge branch '367-improve-escet-website-styling' into 'develop'

#367 Improved website style. Cleaned up unused CSS styles.

Closes #367

See merge request !318
parents 805e7457 50de0ba2
Pipeline #3997 passed with stage
in 0 seconds
......@@ -38,10 +38,6 @@ h1, h2, h3, h4, h5, h6 {
margin-left: -1px;
}
.accordion h1, .accordion h2, .accordion h3, .accordion h4, .accordion h5, .accordion h6 {
margin-left: 0;
}
/* Buttons. */
.escet-light .escet-btn {
......@@ -126,12 +122,6 @@ code {
background-color: #f6f6f6;
}
/* Shadows. */
.escet-shadow {
box-shadow: .1rem .3rem .8rem rgba(var(--escet-color-dark40-rgb),.25);
}
/* Navbar. */
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .show>.nav-link,
......@@ -220,26 +210,10 @@ ul.escet-arrow-icon-list {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
}
/* Accordion. */
.escet-accordion .accordion-button {
padding-top: .5rem;
padding-bottom: .5rem;
}
.escet-accordion .accordion-button:focus {
border-color: inherit;
box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%); /* inherit doesn't work */
}
.escet-accordion .accordion-button:not(.collapsed) {
color: inherit;
border-color: inherit;
background-color: #fafafa;
border: inherit;
}
.escet-accordion .accordion-button:not(.collapsed)::after {
/* Restore original black after image, as not-collapsed one is blue. */
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
/* Boxes. */
.escet-box {
/* Combine this with '.shadow'. */
border-style: solid;
border-width: 0 0 0 6px;
border-color: rgb(var(--escet-color-rgb));
}
......@@ -132,7 +132,7 @@
<div class="mb-5">
<div class="col-12 mx-auto px-3">
<div class="row justify-content-center">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-bg escet-bg-opacity-125 escet-shadow">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-box shadow">
<h2>Chi</h2>
<p>Learn more about Chi from the extensive documentation that covers both the Chi language and tools:</p>
<ul class="icon-list escet-arrow-icon-list mb-0">
......@@ -144,7 +144,7 @@
</ul>
</div>
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-bg escet-bg-opacity-125 escet-shadow">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-box shadow">
<h2>Eclipse ESCET</h2>
<p>Chi is part of the Eclipse ESCET open-source project. Learn more about the project and toolkit:</p>
<ul class="icon-list escet-arrow-icon-list mb-0">
......
......@@ -134,7 +134,7 @@
<div class="mb-5">
<div class="col-12 mx-auto px-3">
<div class="row justify-content-center">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-bg escet-bg-opacity-125 escet-shadow">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-box shadow">
<h2>CIF</h2>
<p>Learn more about CIF from the extensive documentation that covers both the CIF language and tools:</p>
<ul class="icon-list escet-arrow-icon-list mb-0">
......@@ -148,7 +148,7 @@
</ul>
</div>
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-bg escet-bg-opacity-125 escet-shadow">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-box shadow">
<h2>Eclipse ESCET</h2>
<p>CIF is part of the Eclipse ESCET open-source project. Learn more about the project and toolkit:</p>
<ul class="icon-list escet-arrow-icon-list mb-0">
......
......@@ -80,53 +80,43 @@
<div class="row-12 text-center">
<p>If you have questions or like to know more about the <a href="./">Eclipse ESCET project</a>, <a href="cif">CIF</a>, <a href="chi">Chi</a> or <a href="tooldef">ToolDef</a>, the following resources are available.</p>
</div>
<div class="row row-cols-1 row-cols-md-3 mt-5 text-center">
<div class="col d-md-flex">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Documentation</h4>
</div>
<div class="card-body text-start">
<p>Our extensive documentation answers many questions:</p>
<ul class="mb-0">
<li><a href="documentation.html">Eclipse ESCET general toolkit documentation</a></li>
<li><a href="release-notes.html">Eclipse ESCET general toolkit release notes</a></li>
<li><a href="development">Eclipse ESCET development documentation</a></li>
<li><a href="cif/documentation.html">CIF documentation</a></li>
<li><a href="chi/documentation.html">Chi documentation</a></li>
<li><a href="tooldef/documentation.html">ToolDef documentation</a></li>
</ul>
</div>
<div class="row row-cols-1 row-cols-lg-3 mt-5">
<div class="col d-lg-flex">
<div class="px-4 py-3 mb-3 escet-box shadow">
<h3>Documentation</h3>
<p>Our extensive documentation answers many questions:</p>
<ul class="mb-0">
<li><a href="documentation.html">Eclipse ESCET general toolkit documentation</a></li>
<li><a href="release-notes.html">Eclipse ESCET general toolkit release notes</a></li>
<li><a href="development">Eclipse ESCET development documentation</a></li>
<li><a href="cif/documentation.html">CIF documentation</a></li>
<li><a href="chi/documentation.html">Chi documentation</a></li>
<li><a href="tooldef/documentation.html">ToolDef documentation</a></li>
</ul>
</div>
</div>
<div class="col d-md-flex">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Bugs and feature requests</h4>
</div>
<div class="card-body text-start">
<p>You can report bugs and request features using GitLab issues:</p>
<ul>
<li>Please check the <a href="https://gitlab.eclipse.org/eclipse/escet/escet/-/issues">existing issues</a> first.</li>
<li>If there is no existing issue, <a href="https://gitlab.eclipse.org/eclipse/escet/escet/-/issues/new">create</a> a new one.</li>
<li><a href="development/development/contributing.html">Contributions</a> are always welcome!</li>
</ul>
<p class="mb-0">For more information, see our <a href="development/development/development-process.html">development process</a>.</p>
</div>
<div class="col d-lg-flex">
<div class="px-4 py-3 mb-3 escet-box shadow">
<h3>Bugs and feature requests</h3>
<p>You can report bugs and request features using GitLab issues:</p>
<ul>
<li>Please check the <a href="https://gitlab.eclipse.org/eclipse/escet/escet/-/issues">existing issues</a> first.</li>
<li>If there is no existing issue, <a href="https://gitlab.eclipse.org/eclipse/escet/escet/-/issues/new">create</a> a new one.</li>
<li><a href="development/development/contributing.html">Contributions</a> are always welcome!</li>
</ul>
<p class="mb-0">For more information, see our <a href="development/development/development-process.html">development process</a>.</p>
</div>
</div>
<div class="col d-md-flex">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Contact</h4>
</div>
<div class="card-body text-start">
<p>The documentation doesn't cover your question and you still need some help? Contact us:</p>
<ul class="mb-0">
<li><a href="https://www.eclipse.org/forums/index.php/f/527/">Eclipse ESCET forum</a></li>
<li><a href="development/development/dev-list.html">Developers mailing list</a></li>
</ul>
</div>
<div class="col d-lg-flex">
<div class="px-4 py-3 mb-3 escet-box shadow">
<h3>Contact</h3>
<p>The documentation doesn't cover your question and you still need some help? Contact us:</p>
<ul class="mb-0">
<li><a href="https://www.eclipse.org/forums/index.php/f/527/">Eclipse ESCET forum</a></li>
<li><a href="development/development/dev-list.html">Developers mailing list</a></li>
</ul>
</div>
</div>
</div>
......
......@@ -136,7 +136,7 @@
<div class="mb-5">
<div class="col-12 mx-auto px-3">
<div class="row justify-content-center">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-bg escet-bg-opacity-125 escet-shadow">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-box shadow">
<h2>Documentation</h2>
<p>Learn more about the Eclipse ESCET project and toolkit as a whole:</p>
<p>
......@@ -149,7 +149,7 @@
<p class="mb-0">Or learn more about its languages and tools: <a href="cif">CIF</a>, <a href="chi">Chi</a> and <a href="tooldef">ToolDef</a>.</p>
</div>
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-bg escet-bg-opacity-125 escet-shadow">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-box shadow">
<h2>Community</h2>
<p>Eclipse ESCET is an open-source project. Don't hesitate to contact us in case of questions or to report issues. We also welcome your contributions.</p>
<ul class="icon-list escet-arrow-icon-list mb-0">
......
......@@ -138,7 +138,7 @@
<div class="mb-5">
<div class="col-12 mx-auto px-3">
<div class="row justify-content-center">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-bg escet-bg-opacity-125 escet-shadow">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-box shadow">
<h2>ToolDef</h2>
<p>Learn more about ToolDef from the extensive documentation that covers both the ToolDef language and tools:</p>
<ul class="icon-list escet-arrow-icon-list mb-0">
......@@ -149,7 +149,7 @@
</ul>
</div>
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-bg escet-bg-opacity-125 escet-shadow">
<div class="col-11 col-md-5 col-xl-4 px-4 py-3 my-3 my-md-4 mx-md-3 escet-box shadow">
<h2>Eclipse ESCET</h2>
<p>ToolDef is part of the Eclipse ESCET open-source project. Learn more about the project and toolkit:</p>
<ul class="icon-list escet-arrow-icon-list mb-0">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment