Skip to content
Snippets Groups Projects
Commit 8436586a authored by kbistreck's avatar kbistreck Committed by Andi
Browse files

Revert "[WEBPAGE] Update webpage appearance"

parent 58eadae6
Branches
No related tags found
2 merge requests!73Initial open source version,!64Revert "[WEBPAGE] Update webpage appearance"
Hide whitespace changes
Inline Side-by-side
docs/assets/css/unicado.css
+ 97
− 106
View file @ 8436586a
/* Define color variables in :root for easy reference */
:root {
--primary-color: #00418b; /* Primary color for headers, hero section, and cards */
--background-color: #00418b; /* Background color for main content areas */
--text-color: #000; /* Primary color is also text color for white scheme */
--text-color-hero: #ecf1f8; /* Main text color for readability on hero section */
--text-color-tabs: #ecf1f8; /* Main text color for readability on tabs */
--button-bg-color: #ffffff; /* Background color for buttons */
--accent-color: #e20e1f; /* Accent color for links and hover effects */
--secondary-accent: #1ABC9C; /* Secondary accent color for icons */
--link-color: #3498DB; /* Link color for clickable items */
--link-hover-color: #E74C3C; /* Hover color for links */
--bg-gradient-start-color: #00418b; /* Landing page start color for gradient */
--bg-gradient-intermediate-color: #1C5598; /* Landing page intermediate color for gradient */
--bg-gradient-end-color: #ffffff; /* Landing page final color for gradient */
--math-color: var(--text-color);
}
/* h1 header -> markdown # text color */
.md-typeset h1 {
color: var(--primary-color);
}
/* Header background and text color */
--primary-color: #2C3E50; /* Primary color for headers, hero section, and cards */
--background-color: #34495E; /* Background color for main content areas */
--text-color: #D1D5DB; /* Main text color for readability on dark backgrounds */
--button-bg-color: #ffffff; /* Background color for buttons */
--accent-color: #E74C3C; /* Accent color for links and hover effects */
--secondary-accent: #1ABC9C; /* Secondary accent color for icons */
--link-color: #3498DB; /* Link color for clickable items */
--link-hover-color: #E74C3C; /* Hover color for links */
}
.md-header {
color: var(--text-color-tabs);
background-color: var(--primary-color);
}
/* Tabs background color and text color */
.md-tabs {
color: var(--text-color-tabs);
/* Apply primary color to tab backgrounds */
[data-md-color-scheme=slate] .md-tabs {
background-color: var(--primary-color);
}
[dir="ltr"] .md-header__title {
margin-left: 0.1rem;
/* Hero Section Styling */
.hero-section {
background-color: var(--primary-color);
padding: 2em;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
max-width: 1060px;
margin: auto;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.md-header__topic {
font-weight: lighter;
/* Text styling within the hero section */
.intro-text {
color: var(--text-color);
font-size: 1.1em;
}
.md-header__topic:first-child {
font-weight: lighter;
/* Make all LaTeX-style math equations white */
:root {
--math-color: #ffffff; /* Set the default color for equations */
}
/* Math environment colors */
/* MathJax equations */
.MathJax, mjx-container, math {
color: var(--math-color) !important;
......@@ -56,76 +52,73 @@
color: var(--math-color) !important;
}
/* Download button styling */
.download-button-container {
text-align: center;
margin-top: 20px;
}
.download-button {
display: inline-block;
background-color: var(--button-bg-color); /* Uses button background color */
padding: 10px 20px;
font-size: 1.1em;
font-weight: bold;
border-radius: 5px;
text-decoration: none;
color: var(--primary-color); /* Button text color */
transition: background-color 0.3s ease;
}
/* Grid Container */
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.5em;
margin: 2em auto;
max-width: 1100px;
padding: 1em;
}
.grid-item {
background-color: var(--primary-color); /* Uses primary color for card background */
padding: 1.5em;
border-radius: 10px;
text-align: left;
color: var(--text-color); /* Text color for readability */
transition: transform 0.3s, box-shadow 0.3s;
}
.grid-item h3 {
font-size: 1.25em;
margin-bottom: 0.5em;
}
/* Card styling with hover effects */
.card {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}
/* Link styling within cards */
.card a {
color: var(--link-color);
font-weight: bold;
}
.card a:hover {
color: var(--link-hover-color); /* Changes to accent color on hover */
}
/* Accent color for icons or specific elements */
.accent {
color: var(--accent-color); /* Teal accent color for specific elements */
}
/* Grid Container */
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 3.5em;
margin: 3em auto;
max-width: 1100px;
padding: 1em;
}
.grid-item {
/* background-color: var(--background-color); Uses primary color for card background */
background: transparent;
padding: 1.0em;
border-radius: 10px;
text-align: left;
color: var(--text-color-hero); /* Text color for readability */
transition: transform 0.3s, box-shadow 0.3s;
height: 100%;
}
.grid-item h3 {
font-size: 1.25em;
margin-bottom: 0.5em;
}
.grid-item > hr {
border: none;
background-color: var(--text-color-hero);
margin: auto 0;
height: 1px;
}
/* Card styling with hover effects */
.card {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}
/* Link styling within cards */
.card a {
color: var(--text-color-hero);
font-weight: bold;
margin-top: auto;
padding-top: 1em;
}
.card a:hover {
color: var(--accent-color); /* Changes to accent color on hover */
}
.card img {
display: block;
margin-left: auto;
margin-right: auto;
max-height: 80px;
width: auto;
}
color: var(--secondary-accent); /* Teal accent color for specific elements */
}
.overview-item {
min-height: 240px;
......@@ -140,8 +133,8 @@
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--bg-gradient-end-color); /* Background color for the footer */
color: var(--background-color);
background-color: var(--primary-color); /* Background color for the footer */
color: var(--text-color);
padding: 1em 2em; /* Adjust padding for spacing */
font-size: 1em; /* Increase text size for better readability */
border-top: 1px solid rgba(255, 255, 255, 0.2); /* Subtle top border */
......@@ -161,7 +154,7 @@
/* Footer link styling */
.footer-link {
color: var(--primary-color);
color: var(--text-color);
text-decoration: none;
font-weight: bold;
font-size: 1.4em;
......@@ -184,8 +177,6 @@
height: auto;
margin-left: 1em; /* Space between image and text */
border-radius: 8px; /* Optional: Rounded corners */
border-color: var(--background-color);
border: 1px solid
}
......
docs/assets/images/logos/UNICADO_Logo_white.svg deleted 100644 → 0
+ 0
− 319
View file @ 58eadae6
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="298"
height="71"
overflow="hidden"
version="1.1"
id="svg86"
sodipodi:docname="UNICADO_Logo - Kopie.svg"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview88"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="1.6372607"
inkscape:cx="-43.670505"
inkscape:cy="38.784294"
inkscape:window-width="1920"
inkscape:window-height="1001"
inkscape:window-x="-9"
inkscape:window-y="-9"
inkscape:window-maximized="1"
inkscape:current-layer="g84" />
<defs
id="defs46">
<linearGradient
x1="185.239"
y1="217.114"
x2="168.208"
y2="198.587"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
id="linearGradient1747">
<stop
offset="0"
stop-color="#3070B3"
id="stop1743"
style="stop-color:#00c1d4;stop-opacity:1;" />
<stop
offset="1"
stop-color="#86B1DF"
id="stop1745"
style="stop-color:#02e9ff;stop-opacity:1;" />
</linearGradient>
<clipPath
id="clip0">
<rect
x="948"
y="638"
width="298"
height="71"
id="rect2" />
</clipPath>
<linearGradient
x1="185.239"
y1="217.114"
x2="168.208"
y2="198.587"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
id="fill1">
<stop
offset="0"
stop-color="#3070B3"
id="stop5" />
<stop
offset="1"
stop-color="#86B1DF"
id="stop7" />
</linearGradient>
<linearGradient
x1="54.3874"
y1="28.8395"
x2="33.6735"
y2="17.8514"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
id="fill2">
<stop
offset="0"
stop-color="#EA7B90"
id="stop10" />
<stop
offset="1"
stop-color="#BE1E3C"
id="stop12" />
</linearGradient>
<linearGradient
x1="43.9735"
y1="29.0697"
x2="22.0527"
y2="50.9907"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
id="fill3">
<stop
offset="0"
stop-color="#6C6C6C"
id="stop15" />
<stop
offset="1"
id="stop17" />
</linearGradient>
<linearGradient
x1="34.7104"
y1="42.5904"
x2="5.58103"
y2="48.6115"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
id="fill4">
<stop
offset="0"
stop-color="#00427D"
id="stop20" />
<stop
offset="1"
stop-color="#007DEC"
id="stop22" />
</linearGradient>
<linearGradient
x1="12.4171"
y1="21.8334"
x2="27.0816"
y2="41.5023"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
id="fill5">
<stop
offset="0"
stop-color="#E20E1F"
id="stop25" />
<stop
offset="1"
stop-color="#F24657"
id="stop27" />
</linearGradient>
<clipPath
id="clip6">
<rect
x="1106"
y="653"
width="24"
height="26"
id="rect30" />
</clipPath>
<image
width="24"
height="26"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAMAAACaYWzBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIEUExURQAAADCvv0Cvv0C/z1C/z2C/z2DP33Df3zGltSCfrzKsvD23wiCfr1HEzFXE0CqjtDKrvGnN2Sins2TP2zewvjuwvlrI1mjT2k2/zGnP3C+quTGruUu/y13L1lrH0m3S3US2xiymt1DAzCmntlTE0DWxv1fG0jmxwT+2xGPN2CemtkzAzWDN2GjR22fR3UO5xkm8y03AzWLN2T+3xXHZ4yWktSiot1nI1CaltlzJ1mLN2DGru3LY4yWltWzT4C2quSuptyKisjKuvDOuvDuywT20w0u+y0/BzmPO23DW4iOjtCWktFrI03PY4yOjsyOktCSktCWltCaltSemtSintimntiqotyupuCypuC2quS6rui+rujCsuzGsuzGtuzKtvDOuvDSuvDSvvTWvvTawvjewvzixwDmywTqywTqzwjuzwjy0wz20wz21xD61xD+2xEC2xUG3xUK4xkO4xkS5x0W6yEa6yEe7yUi8ykm8ykq9y0u+y0u+zEy/zE2/zE3AzU7AzU/BzlDBzlDCz1HCz1LD0FPE0VTE0VTF0lXF0lbG0lfG01fH01jH01nI1FrI1FvJ1VzK1l3K1l7L11/M2GDM2GHN2WLN2mLO2mTO22TP22XP22XP3GbQ3GfQ3GfR3WnS3mrS3mvU4GzU4G7V4W7W4nHX43HY43PZ5HTZ5HXa5Xbb5gwjdkkAAABOdFJOUwAQEBAQEBAQHyAuLjA8PD09PUBASkpKTFBQV1hYWFtbdHl5goKPj5CWmJ2dnaWrr6+vr7G0ub6/w8fL0tLf4ePl7+/v7+/v7+/v8PDw8KfDdBUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE4SURBVChTY0ACjALSQlAmMhBVdY6JDHPQ4oLyoYBJwyUtOT46IjTImx8qBAbM+gU5GalJcVHhIYGOPFBBIGAxKC3Kz05PSYyNDAsO8GKCCjOwGFaVlxTmZaWlJACtCfY3hYozaDfWgmRyM9OSnaztQ4P8pCDiMm0tDTWVZcUFruoiIFMUbc0gEubd7c311RWlxtwQPgOHBSeIkpvY19XWVOemABYEAw5lEGk0eUJvZ6u7BFgICkC+ZPOYNnlCT4cSRAQGgHZJzpkxdVK/GlQACejOnzV9ig8rlIcErBbOmzlNBcpBBnaLF8y1hAcCAvAtX7potjCUgwzEVi5bogNlowDxVSs8eaFsFCC+epUelIkK5Ff7CkKZqEB2tQmUhQbEVotDWWiA3QbKQAdMmlAGBsDiaQYGBgYAnrhFxbHZtOIAAAAASUVORK5CYII="
preserveAspectRatio="none"
id="img7" />
<clipPath
id="clip8">
<rect
x="1106"
y="653"
width="24"
height="26"
id="rect34" />
</clipPath>
<clipPath
id="clip9">
<rect
x="1198"
y="661"
width="43"
height="43"
id="rect37" />
</clipPath>
<clipPath
id="clip10">
<rect
x="1198"
y="661"
width="43"
height="43"
id="rect40" />
</clipPath>
<clipPath
id="clip11">
<rect
x="1198"
y="661"
width="43"
height="43"
id="rect43" />
</clipPath>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1747"
id="linearGradient457"
gradientUnits="userSpaceOnUse"
x1="185.239"
y1="217.114"
x2="168.208"
y2="198.587"
spreadMethod="pad"
gradientTransform="matrix(-0.42225183,-0.90647856,0.90871757,-0.4232948,997.29228,914.26247)" />
</defs>
<g
clip-path="url(#clip0)"
transform="translate(-948 -638)"
id="g84">
<path
d="M168.208 198.587C168.208 198.587 185.446 204.074 185.174 216.773 184.909 229.086 169.714 224.706 169.714 224.706 169.714 224.706 178.02 225.236 178.291 216.943 178.544 209.203 168.208 198.587 168.208 198.587Z"
stroke="#3D6EA2"
stroke-width="0.0805491"
stroke-opacity="0.980392"
fill="url(#fill1)"
transform="matrix(1 0 0 1.00247 959.453 474.551)"
id="path48" />
<path
d="m 1106.7256,677.72463 c 0,0 -2.2926,-17.94849 9.3621,-23.07735 11.3009,-4.97182 13.7368,10.65616 13.7368,10.65616 0,0 -3.0256,-7.75356 -10.676,-4.48883 -7.1403,3.04696 -12.4229,16.91002 -12.4229,16.91002 z"
stroke="#3d6ea2"
stroke-width="0.0806485"
stroke-opacity="0.980392"
fill="url(#fill1)"
id="path48-2"
style="fill:url(#linearGradient457);stroke:#00c1d4;stroke-opacity:1" />
<path
d="M24.6418 21.1874C24.6418 21.1874 30.9312 11.7743 42.0749 14.3407 54.1568 17.1233 54.3876 28.8396 54.3876 28.8396 54.3876 28.8396 45.2261 21.3469 39.6585 20.0367 34.7717 18.8868 24.6418 21.1874 24.6418 21.1874Z"
stroke="#C7314F"
stroke-width="0.0805491"
stroke-opacity="0.952941"
fill="url(#fill2)"
id="path50"
transform="matrix(1 0 0 1.00247 1086.95 651.274)" />
<path
d="M43.9736 29.0697C43.9736 29.0697 48.9549 38.5784 42.0749 46.5605 33.4985 56.511 22.0527 50.9906 22.0527 50.9906 22.0527 50.9906 31.3154 48.8724 37.357 42.3029 41.7683 37.5062 43.9736 29.0697 43.9736 29.0697Z"
stroke="#161616"
stroke-width="0.0805491"
fill="url(#fill3)"
transform="matrix(1 0 0 1.00247 1086.95 651.274)"
id="path52" />
<path
d="M34.7105 42.5906C34.7105 42.5906 20.1955 55.3134 8.53194 46.4454 2.14078 41.5862 11.4087 30.9108 11.4087 30.9108 11.4087 30.9108 6.54432 38.1851 14.6307 42.3604 20.4931 45.3875 34.7105 42.5906 34.7105 42.5906Z"
stroke="#444444"
stroke-width="0.0805491"
fill="url(#fill4)"
transform="matrix(1 0 0 1.00247 1086.95 651.274)"
id="path54" />
<path
d="M19.189 12.1287C19.189 12.1287 16.6741 18.3127 18.7822 28.0767 20.3828 35.4902 27.0816 41.5022 27.0816 41.5022 27.0816 41.5022 15.0506 41.2532 12.3542 28.8089 10.1085 18.4447 19.189 12.1287 19.189 12.1287Z"
stroke="#E30E1F"
stroke-width="0.0805491"
stroke-opacity="0.984314"
fill="url(#fill5)"
transform="matrix(1 0 0 1.00247 1086.95 651.274)"
id="path56" />
<g
clip-path="url(#clip9)"
id="g70"
style="fill:#ffffff">
<g
clip-path="url(#clip10)"
id="g68"
style="fill:#ffffff">
<g
clip-path="url(#clip11)"
id="g66"
style="fill:#ffffff">
<path
d="M9.38124 5.47236C6.84635 7.07468 3.90302 10.04 2.42395 14.426 1.30943 17.7309 1.13432 21.6777 2.39458 25.4529 3.51183 28.7997 5.7266 31.8589 8.71401 33.9397 11.5573 35.92 15.0063 36.9464 18.3715 36.8511 21.9988 36.7699 25.4458 35.3962 27.9991 33.2254 30.6867 30.9402 32.3567 27.8407 32.9347 24.8163 33.5884 21.3963 32.899 18.1172 31.6247 15.6517 30.7933 14.0432 29.7023 12.7244 28.5842 11.6982 27.4643 10.6703 26.3268 9.94133 25.3224 9.41739 25.3171 9.4146 27.748 4.69272 27.7402 4.68873 27.748 4.69272 30.2251-0.00519014 30.235 4.31641e-06 32.099 0.972299 34.0932 2.37663 35.9492 4.31917 37.7955 6.25127 39.5044 8.72207 40.6766 11.6872 42.4656 16.2132 42.8962 21.7357 41.1616 27.0648 39.6242 31.7879 36.4301 36.0759 32.069 38.8734 27.9179 41.5361 22.8991 42.7025 18.0783 42.1567 13.6112 41.6305 9.48517 39.652 6.39241 36.7763 3.1404 33.7527 1.12267 29.8478 0.36369 25.9806-0.492325 21.6191 0.242872 17.439 1.73228 14.1526 3.70191 9.80669 6.88426 7.0507 9.38124 5.47236Z"
fill="#BFBFBF"
transform="matrix(1.00015 0 0 1 1198.07 661.483)"
id="path64"
style="fill:#ffffff" />
</g>
</g>
</g>
<path
d="M59.257 42.6301 59.257 85.5161 47.5763 85.5161 47.5763 42.6301ZM41.3523 74.5175 45.4448 81.9351 45.4448 82.0204C42.4893 84.6351 38.8231 85.9424 34.4462 85.9424 27.5118 85.9424 22.5952 84.0667 19.6963 80.3152 17.0248 76.9617 15.6891 71.6187 15.6891 64.2863L15.6891 42.6301 27.3696 42.6301 27.3696 64.2863C27.3696 65.821 27.3982 67.2987 27.4549 68.7198 27.5687 70.1409 27.8812 71.3912 28.3927 72.4713 28.9612 73.5513 29.8138 74.4322 30.9506 75.1143 32.0875 75.7395 33.7075 76.0522 35.8104 76.0522 36.7769 76.0522 37.7147 75.91 38.624 75.6259 39.5335 75.3418 40.3861 74.9721 41.1818 74.5175Z"
fill="#BFBFBF"
transform="matrix(1 0 0 1.00247 938.012 617.542)"
id="path72"
style="fill:#ffffff" />
<path
d="M47.5988 42.6301 59.1942 42.6301 59.1942 85.2603 47.5988 85.2603ZM86.989 47.5752C88.4101 49.3374 89.4332 51.5542 90.0584 54.2256 90.6838 56.8969 90.9963 60.1938 90.9963 64.1157L90.9963 85.2603 79.4009 85.2603 79.4009 64.1157C79.4009 62.5241 79.3442 61.018 79.2303 59.597 79.1737 58.1192 78.8893 56.8403 78.3777 55.7602 77.8662 54.6235 77.0422 53.7423 75.9052 53.1172 74.7685 52.492 73.1485 52.1793 71.0453 52.1793 69.056 52.1793 67.2086 52.6056 65.5034 53.4582L65.5034 53.5435 65.4182 53.4582 61.2404 46.0406 61.3257 45.9553C64.2815 43.2839 67.976 41.9481 72.4095 41.9481 79.2303 41.9481 84.0902 43.8238 86.989 47.5752Z"
fill="#BFBFBF"
transform="matrix(1 0 0 1.00247 938.012 617.542)"
id="path74"
style="fill:#ffffff" />
<path
d="M95.6856 85.2603 95.6856 42.6301 107.025 42.6301 107.025 85.2603ZM95.6856 25.5781 107.025 25.5781 107.025 35.5535 95.6856 35.5535Z"
fill="#BFBFBF"
transform="matrix(1 0 0 1.00247 938.012 617.542)"
id="path76"
style="fill:#ffffff" />
<path
d="M143.261 68.9756 152.469 75.0291 152.384 75.1143C150.394 78.5247 147.694 81.1961 144.284 83.1288 140.93 85.0614 137.293 86.0276 133.371 86.0276 130.301 86.0276 127.431 85.4591 124.759 84.3224 122.088 83.1288 119.757 81.5372 117.768 79.5479 115.778 77.5585 114.187 75.2279 112.993 72.5565 111.856 69.8851 111.288 67.0429 111.288 64.0305 111.288 61.018 111.856 58.1759 112.993 55.5045 114.187 52.8331 115.778 50.5024 117.768 48.5131 119.757 46.5238 122.088 44.9605 124.759 43.8238 127.431 42.6301 130.301 42.0333 133.371 42.0333 137.293 42.0333 140.93 42.9995 144.284 44.9322 147.694 46.8648 150.394 49.5362 152.384 52.9466L152.469 53.0319 143.176 59.0854 143.09 59.0001C142.181 56.8969 140.845 55.1917 139.083 53.8845 137.378 52.5773 135.474 51.9235 133.371 51.9235 131.836 51.9235 130.387 52.2646 129.022 52.9466 127.715 53.5718 126.578 54.453 125.612 55.5897 124.645 56.6698 123.878 57.9487 123.31 59.4264 122.741 60.8475 122.457 62.3822 122.457 64.0305 122.457 65.6788 122.741 67.2134 123.31 68.6345 123.878 70.0556 124.645 71.3059 125.612 72.386 126.578 73.4091 127.715 74.2334 129.022 74.8585 130.387 75.427 131.836 75.7111 133.371 75.7111 135.474 75.7111 137.378 75.1427 139.083 74.0059 140.845 72.8123 142.181 71.164 143.09 69.0608L143.176 68.8903Z"
fill="#BFBFBF"
transform="matrix(1 0 0 1.00247 938.012 617.542)"
id="path78"
style="fill:#ffffff" />
<path
d="M256.162 25.5781 256.162 85.2603 244.822 85.2603 244.908 63.86C244.908 62.2683 244.567 60.7623 243.885 59.3412 243.259 57.9201 242.407 56.6981 241.327 55.675 240.304 54.5949 239.053 53.7709 237.575 53.2024 236.154 52.5773 234.62 52.2646 232.971 52.2646 231.323 52.2646 229.788 52.5773 228.367 53.2024 226.946 53.7709 225.696 54.5949 224.616 55.675 223.593 56.755 222.769 58.0053 222.143 59.4264 221.518 60.8475 221.205 62.3822 221.205 64.0305 221.205 65.6788 221.518 67.2134 222.143 68.6345 222.769 70.0556 223.593 71.3059 224.616 72.386 225.696 73.4091 226.946 74.2334 228.367 74.8585 229.788 75.4837 231.323 75.7964 232.971 75.7964 233.767 75.7964 234.563 75.7395 235.359 75.6259 236.154 75.5123 236.893 75.2848 237.575 74.9438L237.661 74.9438 237.746 74.9438 241.924 82.6172 241.838 82.7025C239.053 84.8623 235.643 85.9424 231.607 85.9424 228.538 85.9424 225.667 85.3739 222.996 84.2372 220.324 83.1005 217.994 81.5372 216.004 79.5479 214.015 77.5585 212.423 75.2279 211.23 72.5565 210.093 69.8851 209.525 67.0429 209.525 64.0305 209.525 61.018 210.093 58.1759 211.23 55.5045 212.423 52.8331 214.015 50.5024 216.004 48.5131 217.994 46.5238 220.324 44.9605 222.996 43.8238 225.667 42.6871 228.538 42.1186 231.607 42.1186 237.405 42.1186 241.838 44.2784 244.908 48.5984L244.908 25.5781Z"
fill="#BFBFBF"
transform="matrix(1 0 0 1.00247 938.012 617.542)"
id="path80"
style="fill:#ffffff" />
<path
d="M263.29 35.6554 263.293 35.6564C262.452 37.5851 268.222 40.0157 271.018 41.5405L271.149 43.9489C270.77 43.5723 270.406 43.4403 270.045 43.2566 269.401 42.9875 268.5 44.4468 269.334 44.8958 269.989 45.3064 270.591 45.4405 271.149 45.5528L270.975 54.4693 271.983 54.9603 276.169 44.3362 280.958 46.8047 282.214 51.3802 282.735 51.7861 284.171 46.5954 287.624 42.4647 286.993 42.2648 282.514 43.8348 277.761 41.2997 284.12 31.8147 283.142 31.2654 275.907 36.4788C275.495 36.0819 275.043 35.6639 274.335 35.36 273.49 34.9292 272.804 36.5008 273.389 36.8757 273.747 37.0698 274.062 37.2932 274.586 37.391L272.534 38.6534C269.687 37.2195 264.406 33.8569 263.298 35.6452L263.296 35.6441C263.296 35.646 263.296 35.6482 263.293 35.6508 263.293 35.6524 263.29 35.6538 263.29 35.6556Z"
fill="#BFBFBF"
transform="matrix(1 0 0 1.00247 938.012 617.542)"
id="path82"
style="fill:#ffffff" />
</g>
</svg>
docs/index.md
+ 9
− 20
View file @ 8436586a
......@@ -4,39 +4,28 @@ summary: Home page of the UNICADO project
authors:
- Sebastian Oberschwendtner
- Kristina Mazur
- Christopher Ruwisch
date: 2024-11-05
glightbox: false
hide:
- navigation
- toc
template: home.html
---
<div class="hero-section-main" markdown="1">
<!-- <img src="assets/images/logos/UNICADO_Logo_white.svg" class="hero-logo"> -->
![banner](assets/images/logos/UNICADO_Logo_white.svg){ .hero-logo}
<div class="hero-section" markdown="1">
![banner](assets/images/logos/unicado.png){.hero-logo}
# Think. Design. Change.
<div class="intro-text" markdown="1">
**UNICADO** [*ˌjuː.nɪˈkɑː.doʊ*]
_University Conceptual Aircraft Design and Optimization_
A _robust framework_ for designing, analyzing and optimizing aircraft based on a minimum set of requirements. Developed in collaboration with _leading German aerospace universities_, it enables designers to define and size an aircraft's geometry, analyse performance and feasibility while balancing aerodynamic, operational and user-specific requirements. Its _modular architecture_ allows for easy customization and adaptability, enabling users to integrate new tools or methods.
**UNICADO** is a conceptual aircraft design environment. It provides a _robust framework_ for designing, analyzing and optimizing aircraft based on a minimum set of requirements. Developed in collaboration with _leading German aerospace universities_, it enables designers to define and size an aircraft's geometry, analyse performance and feasibility while balancing aerodynamic, operational and user-specific requirements. Its _modular architecture_ allows for easy customization and adaptability, enabling users to integrate new tools or methods.
</div>
<div class="download-button-container">
<a href="download/getting-started/">
Download
<img src="assets/images/logos/unicado-icon.png" alt="Unicado Icon">
</a>
<a href="download/getting-started" class="download-button">Download UNICADO</a>
</div>
</div>
<div class="grid-container" markdown="1">
<div class="grid-item card" markdown="1">
:octicons-rocket-16:{ .lg .accent } **Getting Started**
:material-clock-fast:{ .lg .accent } **Getting Started**
---
......@@ -46,7 +35,7 @@ Learn how to set it up & install the prerequisites.
</div>
<div class="grid-item card" markdown="1">
:fontawesome-solid-plane-departure:{ .lg .accent } **Ready to design**
:octicons-book-16:{ .lg .accent } **Ready to design**
---
......@@ -56,7 +45,7 @@ Design your first aircraft.
</div>
<div class="grid-item card" markdown="1">
:octicons-book-16:{ .lg .accent } **Available Tools**
:material-library:{ .lg .accent } **Available Tools**
---
......@@ -66,7 +55,7 @@ Get an overview of the tools and libraries.
</div>
<div class="grid-item card" markdown="1">
:octicons-command-palette-16:{ .lg .accent } **Cleared to develop**
:fontawesome-solid-plane-departure:{ .lg .accent } **Cleared to develop**
---
......@@ -86,7 +75,7 @@ Read about who is behind it.
</div>
<div class="grid-item card" markdown="1">
:octicons-globe-16:{ .lg .accent } **Open Source**
:material-scale-balance:{ .lg .accent } **Open Source**
---
......
docs/partners.md
+ 15
− 15
View file @ 8436586a
......@@ -7,62 +7,62 @@
<!-- RWTH Aachen -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.rwth-aachen.de/"><img src="site:assets/images/logos/RWTH.svg" alt="Logo RWTH"/></a>
<a href="https://www.rwth-aachen.de/"><img src="site:assets/images/logos/RWTH.svg" alt="Logo RWTH" width="150"/></a>
</p>
---
<a href="https://www.ilr.rwth-aachen.de/go/id/jmql/?lidx=1" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Chair and Institute of Aerospace Systems</a>
<a href="https://www.ilr.rwth-aachen.de/go/id/jmql/?lidx=1" style="color: white;"> :fontawesome-solid-arrow-right: Chair and Institute of Aerospace Systems</a>
</div>
<!-- TU Berlin -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.tu.berlin"><img src="site:assets/images/logos/TUB.svg" alt="Logo TUB"/></a>
<a href="https://www.tu.berlin"><img src="site:assets/images/logos/TUB.svg" alt="Logo TUB" width="150"/></a>
</p>
---
<a href="https://www.tu.berlin/luftbau" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Aircraft Design and Aerostructures</a><br>
<a href="https://www.tu.berlin/fmra" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Flight Mechanics, Flight Control and Aeroelasticity</a>
<a href="https://www.tu.berlin/luftbau" style="color: white;"> :fontawesome-solid-arrow-right: Aircraft Design and Aerostructures</a><br>
<a href="https://www.tu.berlin/fmra" style="color: white;"> :fontawesome-solid-arrow-right: Flight Mechanics, Flight Control and Aeroelasticity</a>
</div>
<!-- TU Braunschweig -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.tu-braunschweig.de"><img src="site:assets/images/logos/TUBS.svg" alt="Logo TUBS"/></a>
<a href="https://www.tu-braunschweig.de"><img src="site:assets/images/logos/TUBS.svg" alt="Logo TUBS" width="150"/></a>
</p>
---
<a href="https://www.tu-braunschweig.de/en/ifl" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Chair of Overall Aircraft Design</a>
<a href="https://www.tu-braunschweig.de/en/ifl" style="color: white;"> :fontawesome-solid-arrow-right: Chair of Overall Aircraft Design</a>
</div>
<!-- TUHH -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.tuhh.de"><img src="site:assets/images/logos/TUHH.svg" alt="Logo TUHH"/></a>
<a href="https://www.tuhh.de"><img src="site:assets/images/logos/TUHH.svg" alt="Logo TUHH" width="150"/></a>
</p>
---
<a href="https://www.tuhh.de/ilt/willkommen" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Institute of Air Transportation Systems</a>
<a href="https://www.tuhh.de/ilt/willkommen" style="color: white;"> :fontawesome-solid-arrow-right: Institute of Air Transportation Systems</a>
</div>
<!-- TUM -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.tum.de"><img src="site:assets/images/logos/TUM.svg" alt="Logo TUM"/></a>
<a href="https://www.tum.de"><img src="site:assets/images/logos/TUM.svg" alt="Logo TUM" width="150"/></a>
</p>
---
<a href="https://www.asg.ed.tum.de/en/lls/home/" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Chair of Aircraft Design</a>
<a href="https://www.asg.ed.tum.de/en/lls/home/" style="color: white;"> :fontawesome-solid-arrow-right: Chair of Aircraft Design</a>
</div>
<!-- USTUTT -->
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.uni-stuttgart.de"><img src="site:assets/images/logos/USTUTT.svg" alt="Logo USTUTT" style="filter: drop-shadow(1px 1px 0 rgb(143, 143, 143));"/></a>
<a href="https://www.uni-stuttgart.de"><img src="site:assets/images/logos/USTUTT.svg" alt="Logo USTUTT" width="150"/></a>
</p>
---
<a href="https://www.ifb.uni-stuttgart.de/en/institute/" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Institute of Aircraft Design</a>
<a href="https://www.ifb.uni-stuttgart.de/en/institute/" style="color: white;"> :fontawesome-solid-arrow-right: Institute of Aircraft Design</a>
</div>
</div>
......@@ -71,11 +71,11 @@
<div class="grid-container" markdown="1">
<div class="grid-item card" markdown="1">
<p align="center">
<a href="https://www.tuwien.at"><img src="site:assets/images/logos/TUW.png" alt="Logo TUW" style="filter: drop-shadow(1px 1px 0 rgb(143, 143, 143));"/></a>
<a href="https://www.tuwien.at"><img src="site:assets/images/logos/TUW.png" alt="Logo TUW" width="150"/></a>
</p>
---
<a href="https://www.tuwien.at/en/mwbw/ikp/mel/lfs/" style="color: var(--primary-color);"> :fontawesome-solid-arrow-right: Research Group for Aircraft Systems</a>
<a href="https://www.tuwien.at/en/mwbw/ikp/mel/lfs/" style="color: white;"> :fontawesome-solid-arrow-right: Research Group for Aircraft Systems</a>
</div>
</div>
......
mkdocs.yml
+ 6
− 2
View file @ 8436586a
......@@ -199,13 +199,17 @@ plugins:
full-doc: true
- glightbox # Plugin for lightbox-style image and content viewing.
# === Theme configuration ===
theme:
name: material # Specifies the theme name (alternatives: material, mkdocs, readthedocs).
favicon: assets/favicon.png # Path to the favicon image displayed in the browser tab (same as logo).
logo: assets/images/logos/unicado-icon.png # Path to the UNICADO logo displayed in the header.
custom_dir: overrides # Directory for custom files (like footer).
# Theme colors configuration
palette:
- scheme: slate
primary: green
accent: red
# Feature configurations for navigation and ToC behavior
features:
......@@ -345,7 +349,7 @@ nav: # Customizes the main navigation struc
- Performance Assessment:
- Introduction: documentation/analysis/performance_assessment/index.md
- Getting Started: documentation/analysis/performance_assessment/getting_started.md
- Capabilities:
- Capabilities:
- Payload-Range Diagram: documentation/analysis/performance_assessment/payload_range_diagram.md
- Takeoff Performance: documentation/analysis/performance_assessment/takeoff_performance.md
- Landing Performance: documentation/analysis/performance_assessment/landing_performance.md
......
overrides/home.html deleted 100644 → 0
+ 0
− 123
View file @ 58eadae6
{% extends "base.html" %}
{% block tabs %}
{{ super() }}
<style>
body {
background-color: var(--background-color);
overflow: hidden;
}
.md-tabs {
background: transparent;
}
.md-header {
background: transparent;
}
.md-header--shadow {
box-shadow: none;
}
.md-main {
background: linear-gradient(to bottom, var(--bg-gradient-start-color),90%, var(--bg-gradient-end-color));
background-repeat: no-repeat;
background-attachment: fixed;
}
/* Hero Section Styling */
.hero-section-main {
background: transparent;
color: var(--text-color-hero);
padding: 2em;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
max-width: 1060px;
margin: auto;
margin-bottom: 2em;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.hero-section-main ::after {
gap: 3em;
}
.hero-logo {
width: 60%;
max-width: 100%;
height: auto;
display: block;
}
#think-design-change {
color: var(--text-color-hero)
}
/* Text styling within the hero section */
.intro-text {
color: var(--text-color-hero);
font-size: 1.1em;
}
/* Download button styling */
.download-button-container {
width: fit-content;
align-items: center;
display: flex;
margin-top: 20px;
background-color: var(--accent-color);
border-radius: 5px;
font-size: 1.1em;
font-weight: 700;
padding: 10px 20px;
transition: background-color 0.3s ease;
cursor: pointer;
}
.download-button-container > a {
color: var(--text-color-hero);
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
gap: 8px;
width: 100%;
height: 100%;
}
.download-button-container:hover {
color: var(--accent-color);
background-color: var(--text-color-hero);
}
.download-button-container:hover > a {
color: var(--accent-color);
background: transparent;
}
.download-button-container img {
max-width: 24px;
height: auto;
pointer-events: auto;
margin-left: 5px;
}
</style>
{% endblock %}
{% block content %}
{{ page.content }}
{% endblock %}
{% block footer %}
<div class="custom-footer">
<div class="footer-content">
<p>&copy; 2024 UNICADO. All rights reserved.</p>
<a href="/impressum/" class="footer-link">Impressum</a>
<a href="/datenschutz/" class="footer-link">Datenschutzerklärung</a>
</div>
<div class="footer-image-container">
<img src="{{ base_url }}/assets/images/logos/bmwk.png" alt="Footer Logo" class="footer-image">
</div>
</div>
{% endblock %}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment