lightweight/webservices-app
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

preparing for new Docker Compose deployment method

Browse source
This commit is contained in:
Dave Lane 2024-08-29 08:28:04 +12:00
parent 6d3723cc11
commit 47531c5870
20 changed files with 895 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/app.css
View file

@ -1,19 +1,23 @@
@import '../static/fonts.css';
html { background-color: ; }
body {
font-family: "Moderustic";
background-color: #d4fad4;
box-sizing: border-box;
margin: 0 auto;
min-height: 100%;
padding: 2em;
min-width: 100%px;
font-size: 1.2em;
border: double 3px #ddd;
border-top: none;
border-bottom: none;
html {
}
body {
font-family: 'Moderustic';
background-color: #d4fad4;
box-sizing: border-box;
margin: 0 auto;
min-height: 100%;
padding: 2em;
width: 96%;
font-size: 1.2em;
border: double 3px #ddd;
border-top: none;
border-bottom: none;
}
h1 {
padding-left: 0;
}
a {
text-decoration: none;
}
h1 { padding-left: 0.5em; }
a { text-decoration: none; }

6
src/routes/+layout.svelte
View file

@ -1,6 +1,5 @@
<script>
import '../app.css';
</script>
<nav>
@ -18,10 +17,7 @@
</footer>
<style>
body {
width: 96%;
margin: auto;
}
/* global styles are in ../app.css */
nav {
margin: auto;
}

11
src/routes/+page.svelte
View file

@ -481,7 +481,8 @@
const filtered_technologies = filterTechnologiesByCategoryList(
results.active_services,
category_filter_list
full_category_list,
// category_filter_list
);
const technologies = sortTechnologies(filtered_technologies);
</script>
@ -586,9 +587,6 @@
margin: 0 auto 3em auto;
padding: 0;
}
.webservices h1 {
padding: 0;
}
.summary {
background-color: #ccc;
display: block;
@ -649,13 +647,14 @@
.tiles {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}
/* flip card stuff: https://www.w3schools.com/howto/howto_css_flip_card.asp */
.tile {
height: 515px;
min-width: 270px;
max-width: 400px;
max-width: 330px;
/*width: 290px;*/
overflow: hidden;
box-sizing: border-box;
box-shadow: 5px 5px 3px #71ba71;