The Lazy Admin Blog
Linux automation, scripts
and howto's
Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/noam-alum/docs.alum.sh
Noam Alums docs website
https://github.com/noam-alum/docs.alum.sh
Last synced: 8 days ago
JSON representation
Noam Alums docs website
- Host: GitHub
- URL: https://github.com/noam-alum/docs.alum.sh
- Owner: Noam-Alum
- Created: 2024-04-14T07:35:31.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-08-25T20:46:13.000Z (3 months ago)
- Last Synced: 2024-08-26T20:26:11.966Z (3 months ago)
- Homepage: https://docs.alum.sh
- Size: 167 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: docs/README.md
Awesome Lists containing this project
README
# ALUM.SH - docs
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
overflow-x: hidden;
}
h2 {
font-size: 1.5em;
margin: 20px 0;
text-align: left;
padding-left: 20px;
}
.features, .use-cases {
position: relative;
padding: 20px;
overflow: hidden;
}
.scroll-container {
display: flex;
overflow-x: auto;
white-space: nowrap;
padding-bottom: 20px;
scroll-behavior: smooth;
}
.scroll-container::-webkit-scrollbar {
height: 6px; /* 75% of the original 8px height */
}
.scroll-container::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 4px;
}
.scroll-container::-webkit-scrollbar-track {
background: #f1f1f1;
}
.grid {
display: flex;
gap: 20px;
padding: 0;
align-items: flex-start;
margin: 0;
}
.card {
position: relative;
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s;
cursor: pointer;
text-align: center;
width: 250px; /* Fixed width for cards */
flex-shrink: 0;
display: flex;
flex-direction: column; /* Stack text and image vertically */
height: 250px; /* Fixed height for cards */
}
.card img {
width: 100%;
height: 100%;
display: block;
transition: opacity 0.3s;
opacity: 0; /* Hide image by default */
}
.card .content {
padding: 20px;
background: rgba(255, 255, 255, 0.9); /* Slightly transparent white */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
visibility: visible;
transition: opacity 0.3s, visibility 0.3s;
z-index: 1; /* Ensure content is above the image */
display: flex;
flex-direction: column;
justify-content: center;
word-wrap: break-word; /* Ensure long words break onto the next line */
overflow-wrap: break-word; /* Support for more modern browsers */
}
.card.active .content {
opacity: 0; /* Hide content when active */
visibility: hidden;
}
.card.active img {
opacity: 1; /* Show image when content is hidden */
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}
.card h3 {
margin: 10px 0;
font-size: 1.2em;
}
.card p {
margin: 0;
font-size: 1em;
}
.card a {
color: #2c3e50;
}
@media (max-width: 600px) {
.scroll-container {
flex-direction: column;
}
}
Documents on scripts and codes made by Noam (myself 😁)
## Other links: