Merge remote-tracking branch 'origin/main'
Some checks failed
MkDocs Build and Deploy / build-and-deploy (push) Has been cancelled

This commit is contained in:
Michael Wegener 2024-04-14 23:41:47 +02:00
commit f868621096
2 changed files with 52 additions and 6 deletions

View File

@ -3,3 +3,34 @@
This is the source code of our [U.10 Makerspace Worms Homepage](https://u10.makercloud.de) This is the source code of our [U.10 Makerspace Worms Homepage](https://u10.makercloud.de)
It is based on the [Open Source Website of the RUB Makerspace](https://makerspace.ruhr-uni-bochum.de/) It is based on the [Open Source Website of the RUB Makerspace](https://makerspace.ruhr-uni-bochum.de/)
## Project Structure and Functions
This project uses [MkDocs](https://www.mkdocs.org/), a fast, simple and downright gorgeous static site generator that's geared towards building project documentation.
### File Structure
- `mkdocs.yml`: The configuration file for the MkDocs project.
- `docs/`: The directory where all of your documentation is stored in Markdown format.
- `aktuelles/`: Contains markdown files for current events and news.
- `assets/`: Contains images and other static files.
- `bereiche/`: Contains markdown files for different areas of the Makerspace.
- `js/`: Contains JavaScript files for custom scripts.
- `kontakt/`: Contains markdown files for contact information.
- `makerspace_nutzen/`: Contains markdown files for using the Makerspace.
- `orga/`: Contains individual markdown files for each team member.
- `snippets/`: Contains markdown files for reusable snippets.
- `spenden/`: Contains markdown files for donations and sponsors.
- `stylesheets/`: Contains CSS files for custom styling.
- `.gitignore`: Specifies files and directories that should be ignored by Git.
- `README.md`: The file you're reading right now.
- `mkdocs.sh`: A shell script to build the MkDocs project locally and start a hot-reload docker environment. Reachable under `http://0.0.0.0:8000/`.
- **Local testing**: MkDocs comes with built-in dev-server (started with `./mkdocs.sh`) that lets you preview your documentation as you work on it. Make changes to your `mkdocs.yml` or your docs and MkDocs will automatically update and refresh your browser.
- **Deployment**: Gitea Actions builds your site and pushes it to the webserver. Push your locally working commit to Gitea and Gitea Actions will do the rest.
Remember, the `docs/` directory is where you should place your documentation source files. These files should be written in Markdown.

View File

@ -1,3 +1,4 @@
/* Change the background and text color of selected text */
::-moz-selection { ::-moz-selection {
background: #3B7EA5; background: #3B7EA5;
color: #fff; color: #fff;
@ -7,80 +8,93 @@
color: #fff; color: #fff;
} }
/* Customize the scrollbar width */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px; width: 10px;
} }
/* Track */ /* Customize the scrollbar track */
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: #fff; background: #fff;
border-radius: 0; border-radius: 0;
} }
/* Handle */ /* Customize the scrollbar handle */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: #3B7EA5; background: #3B7EA5;
} }
/* Change the border color of info admonitions and details */
.md-typeset .admonition.info, .md-typeset details.info { .md-typeset .admonition.info, .md-typeset details.info {
border-color: #3B7EA5; border-color: #3B7EA5;
} }
/* Change the background color of the title and summary of info admonitions */
.md-typeset .info>.admonition-title:before, .md-typeset .info>summary:before{ .md-typeset .info>.admonition-title:before, .md-typeset .info>summary:before{
background-color: #3B7EA5; background-color: #3B7EA5;
} }
/* Change the background color of the title and summary of info admonitions */
.md-typeset .info>.admonition-title, .md-typeset .info>summary{ .md-typeset .info>.admonition-title, .md-typeset .info>summary{
background-color: rgba(59, 126, 165, .2) !important; background-color: rgba(59, 126, 165, .2) !important;
} }
/* Add transition effect to nav links */
.md-nav__link[href]{ .md-nav__link[href]{
transition: .3s all ease; transition: .3s all ease;
} }
/* Change the color of nav links on hover */
.md-nav__link[href]:hover{ .md-nav__link[href]:hover{
color: #3B7EA5; color: #3B7EA5;
transition: .3s all ease; transition: .3s all ease;
} }
/* Change the color and opacity of links in the text */
.md-typeset a{ .md-typeset a{
color: #3B7EA5; color: #3B7EA5;
opacity: 1; opacity: 1;
transition: .3s all ease; transition: .3s all ease;
} }
/* Change the color and opacity of links in the text on hover */
.md-typeset a:hover{ .md-typeset a:hover{
color: #000000; color: #000000;
opacity: .87; opacity: .87;
transition: .3s all ease; transition: .3s all ease;
} }
/* Change the background color of the top element on hover */
.md-top:hover{ .md-top:hover{
background-color: #3B7EA5; background-color: #3B7EA5;
} }
/* Change the color of active nav links */
.md-nav__item .md-nav__link--active{ .md-nav__item .md-nav__link--active{
color: #3B7EA5 !important; color: #3B7EA5 !important;
transition: .3s all ease; transition: .3s all ease;
} }
/* Add transition effect and change the opacity and color of tab items */
.md_tabs__item{ .md_tabs__item{
transition: .3s all ease; transition: .3s all ease;
opacity: .7; opacity: .7;
color: #fff; color: #fff;
} }
/* Change the color and opacity of tab items on hover */
.md-tabs__item a:hover{ .md-tabs__item a:hover{
color: #ccc !important; color: #ccc !important;
opacity: .7; opacity: .7;
transition: .3s all ease; transition: .3s all ease;
} }
/* Change the color of footer links on hover */
.md-footer__link:hover { .md-footer__link:hover {
color: #fff !important; color: #fff !important;
} }
/* Change the background color of the header, tabs, and footer */
.md-header, .md-header,
.md-tabs, .md-tabs,
.md-footer .md-footer
@ -88,6 +102,7 @@
background-color: #3B7EA5 !important; background-color: #3B7EA5 !important;
} }
/* Change the background color of the nav title for screens with max-width of 76.234375em */
@media screen and (max-width: 76.234375em) { @media screen and (max-width: 76.234375em) {
html [data-md-color-primary=black] .md-nav--primary .md-nav__title[for=__drawer] { html [data-md-color-primary=black] .md-nav--primary .md-nav__title[for=__drawer] {
background-color: #3B7EA5; background-color: #3B7EA5;