Skip to content

Commit 4902567

Browse files
maltem-zamaltem-za
committed
basic landing page, first version
1 parent 704742b commit 4902567

3 files changed

Lines changed: 233 additions & 1 deletion

File tree

‎css/site.css‎

Lines changed: 146 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,146 @@
1+
html {
2+
margin: 0;
3+
width: 100%;
4+
height: 100%;
5+
font-size: 16px;
6+
text-size-adjust: none;
7+
-webkit-text-size-adjust: none;
8+
-moz-text-size-adjust: none;
9+
scroll-behavior: smooth;
10+
}
11+
12+
body {
13+
font-family: "Open Sans",sans serif;
14+
-moz-tab-size: 4;
15+
tab-size: 4;
16+
color: #313135;
17+
background-color: #fff;
18+
overflow-wrap: break-word;
19+
word-wrap: break-word;
20+
line-height: 1.618;
21+
transition: all .5s;
22+
margin: 0;
23+
width: 100%;
24+
height: 100%;
25+
font-size: 16px;
26+
text-size-adjust: none;
27+
-webkit-text-size-adjust: none;
28+
-moz-text-size-adjust: none;
29+
}
30+
31+
.container {
32+
min-height: 100%;
33+
min-width: 100%;
34+
position: relative;
35+
}
36+
37+
.header {
38+
position: fixed;
39+
width: 100vw;
40+
z-index: 3;
41+
}
42+
43+
.header-wrapper {
44+
padding: 1em 0;
45+
-webkit-backdrop-filter: saturate(180%) blur(1em);
46+
backdrop-filter: saturate(180%) blur(1em);
47+
background: linear-gradient(220deg, rgba(247,149,51,0.101961) 0, rgba(243,112,85,0.101961) 15%, rgba(239,78,123,0.101961) 30%, rgba(161,102,171,0.101961) 44%, rgba(80,115,184,0.101961) 58%, rgba(16,152,173,0.101961) 72%, rgba(7,179,155,0.101961) 86%, rgba(109,186,130,0.101961) 100%);
48+
transition: background .5s;
49+
}
50+
51+
.header-inner {
52+
display: flex;
53+
justify-content: space-between;
54+
align-items: center;
55+
margin: 0 auto;
56+
max-width: 57em;
57+
}
58+
59+
.site-brand {
60+
margin-right: 1em;
61+
font-family: "Open Sans",light italic;
62+
}
63+
64+
.brand {
65+
width: 200px;
66+
height: 55px;
67+
fill: #5c5c5c;
68+
}
69+
70+
71+
svg {
72+
vertical-align: middle;
73+
}
74+
75+
.main {
76+
padding: 7em 1em 15em;
77+
display: block;
78+
}
79+
80+
.single .main-inner {
81+
width: 57em;
82+
}
83+
84+
.main-inner {
85+
margin: 0 auto;
86+
display: block;
87+
}
88+
89+
.post-body {
90+
margin-top: 0.5em !important;
91+
font-size: 32px;
92+
}
93+
94+
.post-body table {
95+
margin: 0 auto;
96+
}
97+
98+
.post-body table td {
99+
padding: 10px;
100+
}
101+
102+
.post-body table tr td:first-child {
103+
text-align: right;
104+
}
105+
106+
.footer {
107+
position: absolute;
108+
bottom: 0;
109+
width: 100%;
110+
font-size: 90%;
111+
color: hsla(240, 1%, 48%, 0.8);
112+
}
113+
114+
.footer-inner {
115+
text-align: center;
116+
max-height: 500px;
117+
background: linear-gradient(to right,#f795331a 0,#f370551a 15%,#ef4e7b1a 30%,#a166ab1a 44%,#5073b81a 58%,#1098ad1a 72%,#07b39b1a 86%,#6dba821a 100%);
118+
padding: 1em;
119+
z-index: 999;
120+
display: flex;
121+
justify-content: space-between;
122+
align-items: center;
123+
}
124+
125+
.footer-inner img {
126+
max-width: 150px;
127+
height: auto;
128+
}
129+
130+
.footer-block {
131+
width: 30%;
132+
text-align: left;
133+
}
134+
135+
h1, h2, h3, h4, h5, h6 {
136+
margin: 0.3em 0 0.1em;
137+
color: #1c1c21;
138+
}
139+
140+
h5 {
141+
font-size: 1.2em;
142+
}
143+
144+
h6 {
145+
font-size: 1em;
146+
}

‎images/tuda_logo.png‎

19.6 KB
Loading

‎index.html‎

Lines changed: 87 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,95 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1">
56
<title>fortext.org</title>
7+
<link rel="stylesheet" href="css/site.css">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
9+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400;1,700&amp;display=swap" media="all" onload="this.media=&quot;all&quot;">
10+
<noscript>
11+
<link rel=stylesheet href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400;1,700&amp;display=swap">
12+
</noscript>
613
</head>
714
<body>
8-
Under Construction
15+
<div class="container">
16+
<header class="header">
17+
<div class="header-wrapper">
18+
<div class="header-inner single">
19+
<div class="site-brand">
20+
<svg class="brand" width="110%" height="100%" viewBox="0 0 13780 3273" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">
21+
<path d="M212.988 3272.69c-39.207.0-77.091-2.916-113.647-8.744-36.56-5.828-69.672-13.509-99.341-23.047v-289.281c25.431 8.478 52.188 15.366 80.266 20.662 28.081 5.3 55.896 7.95 83.446 7.95 74.175.0 129.541-28.081 166.1-84.243 36.557-56.16 65.963-136.691 88.213-241.597l349.681-1648.27h-233.65l34.969-171.662 255.903-103.316 36.556-163.712c21.194-93.25 46.625-175.372 76.294-246.366 29.672-70.997 65.697-130.338 108.084-178.019 42.385-47.684 93.513-83.447 153.382-107.29 59.868-23.841 130.6-35.763 212.193-35.763 55.101.0 109.144 5.563 162.125 16.691 52.982 11.125 100.666 27.284 143.051 48.478l-104.904 260.672c-25.431-11.657-52.718-21.46-81.856-29.407-29.14-7.946-59.606-11.921-91.397-11.921-66.756.0-117.884 24.637-153.381 73.909-35.497 49.275-63.844 122.653-85.034 220.141l-31.791 152.587h301.997l-57.222 274.978h-303.584L748.634 2692.53c-23.312 112.322-55.365 212.193-96.162 299.612-40.797 87.422-96.163 156.031-166.1 205.835-69.934 49.803-161.063 74.706-273.384 74.706z" style="fill-rule:nonzero"></path>
22+
<path d="M2005.89 2520.88c-113.382.0-211.663-24.372-294.844-73.115-83.181-48.744-147.556-118.944-193.119-210.604-45.565-91.659-68.347-201.065-68.347-328.225.0-103.843 10.597-211.662 31.788-323.453 21.194-111.79 53.512-220.14 96.959-325.043 43.444-104.904 98.544-199.479 165.303-283.719 66.757-84.241 145.966-151.263 237.622-201.066 91.66-49.803 196.3-74.706 313.919-74.706 114.441.0 212.987 24.637 295.641 73.912 82.65 49.272 145.962 120.269 189.937 212.985 43.975 92.719 65.963 204.247 65.963 334.581.0 110.203-10.594 221.731-31.788 334.581-21.194 112.853-53.778 220.935-97.753 324.25-43.975 103.316-99.341 195.503-166.097 276.566-66.756 81.062-145.434 145.169-236.034 192.325-90.6 47.153-193.65 70.731-309.15 70.731zm31.79-286.103c56.16.0 108.347-18.016 156.56-54.041 48.215-36.028 91.131-85.303 128.747-147.821 37.618-62.519 69.672-133.513 96.162-212.988 26.491-79.472 46.625-162.653 60.4-249.544 13.775-86.89 20.663-172.722 20.663-257.49.0-62.519-7.682-118.15-23.047-166.894-15.366-48.744-40.266-87.422-74.706-116.031-34.438-28.61-79.738-42.916-135.897-42.916-61.46.0-117.357 20.134-167.688 60.4-50.334 40.266-94.309 93.513-131.925 159.741-37.619 66.228-69.144 139.872-94.575 220.934-25.431 81.063-44.769 163.713-58.012 247.956-13.247 84.241-19.869 162.919-19.869 236.035.0 103.843 20.662 183.581 61.987 239.212s101.725 83.447 181.2 83.447z" style="fill-rule:nonzero"></path>
23+
<path d="M2992.96 2490.66l371.935-1759.53h267.028l-33.378 306.766h14.303c40.265-68.875 83.447-128.747 129.54-179.61 46.094-50.862 97.222-90.068 153.385-117.618 56.159-27.55 118.678-41.325 187.556-41.325 25.431.0 50.863 1.587 76.294 4.768 25.431 3.179 49.803 8.475 73.115 15.894l-87.421 341.735c-20.135-7.419-42.385-12.982-66.757-16.691s-50.334-5.563-77.884-5.563c-62.519.0-119.738 16.16-171.663 48.479-51.921 32.318-98.543 76.293-139.871 131.925-41.325 55.631-76.557 119.209-105.697 190.734-29.141 71.525-52.188 146.494-69.144 224.909l-179.606 855.128H2992.96z" style="fill-rule:nonzero"></path>
24+
<path d="M4596.71 2522.44c-114.44.0-202.656-28.875-264.644-86.625-61.99-57.75-92.984-147.553-92.984-269.413.0-30.731 2.384-65.169 7.153-103.315 4.769-38.147 11.391-78.944 19.869-122.388l198.681-934.6h-206.628l36.556-174.841 249.544-104.906 174.841-383.056h228.881l-84.241 387.825h356.038l-58.81 274.978H4806.52l-201.863 952.084c-5.297 26.491-10.066 52.454-14.306 77.885-4.238 25.431-6.356 48.212-6.356 68.344.0 42.387 10.331 74.44 30.993 96.162 20.663 21.725 53.247 32.584 97.753 32.584 29.669.0 61.46-3.443 95.366-10.331 33.909-6.887 68.878-17.219 104.906-30.994v267.029c-40.268 19.075-89.275 34.437-147.025 46.093-57.75 11.657-114.178 17.485-169.278 17.485z" style="fill-rule:nonzero"></path>
25+
<path d="M5817.43 2522.44c-117.619.0-219.344-23.575-305.175-70.732-85.831-47.153-152.325-116.293-199.478-207.421-47.153-91.132-70.731-201.863-70.731-332.197.0-155.769 19.603-305.972 58.809-450.613 39.209-144.64 96.162-274.181 170.869-388.622 74.703-114.44 165.303-205.306 271.797-272.59 106.493-67.288 227.028-100.932 361.6-100.932 148.35.0 263.056 36.822 344.118 110.466 81.063 73.647 121.594 175.106 121.594 304.381.0 94.31-19.869 179.875-59.606 256.697-39.735 76.825-98.544 142.522-176.428 197.094-77.885 54.572-174.313 96.428-289.282 125.569-114.971 29.137-248.221 43.709-399.75 43.709h-47.681c-4.24 25.431-7.684 51.656-10.334 78.678-2.647 27.019-3.972 53.775-3.972 80.266.0 115.503 25.959 203.187 77.884 263.056 51.922 59.869 128.216 89.803 228.882 89.803 76.293.0 146.493-9.8 210.603-29.403 64.106-19.603 136.956-50.069 218.55-91.394v271.797c-76.294 41.325-154.444 72.056-234.447 92.188-80 20.134-169.275 30.2-267.822 30.2zm-174.841-1036.33h33.378c126.097.0 231.266-14.307 315.51-42.916 84.24-28.609 147.553-69.406 189.937-122.387 42.388-52.985 63.578-115.5 63.578-187.557.0-50.862-14.303-91.128-42.912-120.8-28.613-29.668-72.056-44.503-130.338-44.503-58.278.0-115.5 21.191-171.659 63.578-56.162 42.385-106.494 102.519-151 180.403-44.506 77.882-80.003 169.279-106.494 274.182z" style="fill-rule:nonzero"></path>
26+
<path d="M6491.36 2490.66l664.391-907.581-271.797-851.95h359.219l162.125 588.1 395.775-588.1h391.006l-640.553 871.025 292.46 888.506h-362.394l-178.019-621.478-425.975 621.478h-386.237z" style="fill-rule:nonzero"></path>
27+
<path d="M8560.83 2522.44c-114.44.0-202.656-28.875-264.644-86.625-61.99-57.75-92.984-147.553-92.984-269.413.0-30.731 2.384-65.169 7.153-103.315 4.769-38.147 11.391-78.944 19.869-122.388l198.681-934.6h-206.628l36.556-174.841 249.544-104.906 174.841-383.056h228.881l-84.241 387.825h356.038l-58.81 274.978H8770.64l-201.863 952.084c-5.297 26.491-10.066 52.454-14.306 77.885-4.238 25.431-6.356 48.212-6.356 68.344.0 42.387 10.331 74.44 30.993 96.162 20.663 21.725 53.247 32.584 97.753 32.584 29.669.0 61.46-3.443 95.366-10.331 33.909-6.887 68.878-17.219 104.906-30.994v267.029c-40.268 19.075-89.275 34.437-147.025 46.093-57.75 11.657-114.178 17.485-169.278 17.485z" style="fill-rule:nonzero"></path>
28+
</svg>
29+
</div>
30+
</div>
31+
</div>
32+
</header>
33+
<main id="main" class="main single">
34+
<div class="main-inner">
35+
<article class="content post h-entry" data-align="default" data-type="page" data-toc-num="true">
36+
<div class="post-body e-content">
37+
<table>
38+
<tbody>
39+
<tr>
40+
<td>About the Lab</td>
41+
<td>→</td>
42+
<td><a href="https://lab.fortext.org">lab.fortext.org</a></td>
43+
</tr>
44+
<tr>
45+
<td>forTEXT Portal</td>
46+
<td>→</td>
47+
<td><a href="https://portal.fortext.org">portal.fortext.org</a></td>
48+
</tr>
49+
<tr>
50+
<td>forTEXT Journal</td>
51+
<td>→</td>
52+
<td><a href="https://journal.fortext.org">journal.fortext.org</a></td>
53+
</tr>
54+
<tr>
55+
<td>CATMA</td>
56+
<td>→</td>
57+
<td><a href="https://catma.fortext.org">catma.fortext.org</a></td>
58+
</tr>
59+
</tbody>
60+
</table>
61+
</div>
62+
</article>
63+
</div>
64+
</main>
65+
<footer id="footer" class="footer">
66+
<div class="footer-inner">
67+
<div class="footer-block">
68+
<h5>Impressum</h5>
69+
<h6>Verantwortlich:</h6>
70+
<p>
71+
Prof. Dr. Evelyn Gius<br>
72+
Technische Universität Darmstadt<br>
73+
Institut für Sprach- und Literaturwissenschaft<br>
74+
Residenzschloss 1<br>
75+
64283 Darmstadt
76+
</p>
77+
</div>
78+
<div class="footer-block">
79+
<h6>Kontakt:</h6>
80+
<p>
81+
Telefon: +49 6151 16 57413<br>
82+
E-Mail: evelyn.gius@tu-darmstadt.de
83+
</p>
84+
<img alt="tu_logo" src="images/tuda_logo.png">
85+
</div>
86+
<div class="footer-block">
87+
<h6>Webentwicklung</h6>
88+
<p>
89+
Mari Akazawa<br>
90+
mari.akazawa@tu-darmstadt.de
91+
</p>
92+
</div>
93+
</footer>
94+
</div>
995
</body>
1096
</html>

0 commit comments

Comments
 (0)