Skip to content
GitLab
Commit faf74cca authored by Patrick's avatar Patrick
Browse files

Update Website

parent 438f0049
master
No related merge requests found
Pipeline #6530 passed with stages
in 15 seconds
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 475 additions and 27 deletions
+475 -27
public/assets/css/bootstrap.min.css 0 → 100644
+ 7
- 0
View file @ faf74cca
This diff is collapsed.
public/assets/css/importet.css 0 → 100644
+ 92
- 0
View file @ faf74cca
@media (min-width: 992px) {
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
} }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
*, ::after, ::before {
box-sizing: border-box;
}
user agent stylesheet
div {
display: block;
}
#document-body {
font-family: 'Noto Sans JP', sans-serif;
}
body {
margin: 0;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
injected stylesheet
:root {
--color-annotation-summary: #b8ebb8;
--color-annotation-comment: #ffd7a3;
--color-annotation-directquotation: #b4d2ff;
--color-annotation-indirectquotation: #e7b7ff;
--color-annotation-quickreference: #d52b1e;
--color-annotation-highlight: #d66800;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
*, ::after, ::before {
box-sizing: border-box;
}
*, ::after, ::before {
box-sizing: border-box;
}
::selection {
color: black;
background: #B4D5FE;
}
.extension {
padding: 20px 10px;
height: 610px;
}
\ No newline at end of file
public/assets/js/bootstrap.min.js 0 → 100644
+ 7
- 0
View file @ faf74cca
This diff is collapsed.
public/assets/js/jquery-3.1.1.min.js 0 → 100644
+ 4
- 0
View file @ faf74cca
This diff is collapsed.
public/home/index.html
+ 143
- 26
View file @ faf74cca
......@@ -8,6 +8,8 @@
<title></title>
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/mobile.css">
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/importet.css">
<style>
.cover{margin-top:48px;display:flex}.cover img{width:250px;object-fit:contain;margin-bottom:auto;box-shadow:0 1px 4px -1px #00000069}.metadata{display:flex;flex-direction:column;margin-left:1em}.title{flex-grow:1;font-size:2em;font-weight:700}.metadata-item{display:flex;flex-direction:column;margin-top:24px}.download-item{display:flex;margin-top:24px}.metadata-name{border-bottom:1px solid #cacaca;border-image:linear-gradient(to right,#cacaca,#ffffff00) 1;margin-bottom:5px}.supervisors{display:flex;flex-direction:column}.button{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}@media only screen and (max-width :450px){.cover{flex-wrap:wrap}.cover img{width:100%}}
......@@ -31,31 +33,6 @@
</header>
<div class="content">
<div class="cover">
<img src="cover.jpg">
<ul class="metadata">
<li class="metadata-item title">
Handlungsleitfaden
</li>
<li class="metadata-item">
<div class="metadata-name">Author</div>
<div>First name Last name</div>
</li>
<li class="metadata-item">
<div class="metadata-name">Supervisors</div>
<div class="supervisors">
<div>Prof. Dr.-Ing. Felix Doe</div>
<div>Prof. Dr.-Ing. Nigel Doe</div>
</div>
</li>
<li class="metadata-item">
<div class="metadata-name">Year</div>
<div>2020</div>
</li>
<li class="download-item"><a href="thesis.pdf" class="button" download>download</a></li>
</ul>
</div>
<h1>Abstract</h1>
<p>
......@@ -70,8 +47,145 @@
urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum.
Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae
nibh.
</p>
</p><br>
<h1>Kapitelthemen</h1>
<div class="row">
<div class="col-lg-4">
<div class="card mb-4 shadow-sm extension overflow-auto">
<h5>Wirtschaftspsychologie <span class="content-subtitle text-muted"> iCity Project</span></h5>
<img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
<div class="card-body">
<p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
<i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/sven-schneider" target="_blank"> Sven Schneider</a> <br><b>
<i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/" target="_blank">
<i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
<i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 shadow-sm extension overflow-auto">
<h5>Wirtschaftspsychologie <span class="content-subtitle text-muted"> iCity Project</span></h5>
<img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
<div class="card-body">
<p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
<i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/sven-schneider" target="_blank"> Sven Schneider</a> <br><b>
<i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/" target="_blank">
<i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
<i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 shadow-sm extension overflow-auto">
<h5>Wirtschaftspsychologie <span class="content-subtitle text-muted"> iCity Project</span></h5>
<img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
<div class="card-body">
<p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
<i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/sven-schneider" target="_blank"> Sven Schneider</a> <br><b>
<i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/" target="_blank">
<i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
<i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="card mb-4 shadow-sm extension overflow-auto">
<h5>Wirtschaftspsychologie <span class="content-subtitle text-muted"> iCity Project</span></h5>
<img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
<div class="card-body">
<p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
<i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/sven-schneider" target="_blank"> Sven Schneider</a> <br><b>
<i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/" target="_blank">
<i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
<i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 shadow-sm extension overflow-auto">
<h5>Wirtschaftspsychologie <span class="content-subtitle text-muted"> iCity Project</span></h5>
<img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
<div class="card-body">
<p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
<i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/sven-schneider" target="_blank"> Sven Schneider</a> <br><b>
<i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/" target="_blank">
<i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
<i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 shadow-sm extension overflow-auto">
<h5>Wirtschaftspsychologie <span class="content-subtitle text-muted"> iCity Project</span></h5>
<img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
<div class="card-body">
<p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
<i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a href="https://www.hft-stuttgart.de/p/sven-schneider" target="_blank"> Sven Schneider</a> <br><b>
<i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/" target="_blank">
<i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
<i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
</div>
</div>
</div>
</div>
<div class="cover">
<img src="cover.jpg">
<ul class="metadata">
<li class="metadata-item title">
Handlungsleitfaden
</li>
<li class="metadata-item">
<div class="metadata-name">Author</div>
<div>Keyu Bao</div>
<div>Eric Duminil</div>
<div>Tom Kwakman</div>
<div>Caroline Lahode</div>
<div>Sarah Lang</div>
<div>Alexander Lee</div>
<div>Rushikesh Padsala</div>
<div>Amando Reber</div>
<div>Sarah Ann Sutter</div>
<div>Patrick Würstle</div>
</li>
<!-- <li class="metadata-item">
<div class="metadata-name">Professor*innen</div>
<div class="supervisors">
<div>Christina Simon-Philipp</div>
</div>
</li>
<li class="metadata-item">
<div class="metadata-name">Year</div>
<div>2022</div>
</li>
<li class="download-item"><a href="thesis.pdf" class="button" download>download</a></li> -->
</ul>
<ul class="metadata" style="margin-top:4em;">
<li class="metadata-item">
<div class="metadata-name">Professor*innen</div>
<div class="supervisors">
<div>Christina Simon-Philipp</div>
</div>
</li>
<li class="metadata-item">
<div class="metadata-name">Year</div>
<div>2022</div>
</li>
<li class="download-item"><a href="thesis.pdf" class="button" download>download</a></li>
</ul>
</div>
</div>
<div class="footer"></div>
......@@ -79,6 +193,9 @@
<script src="../settings.js"> </script>
<script src="../main.js"> </script>
<script src="../assets/js/jquery-3.1.1.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script> -->
</body>
</html>
public/settings.js
+ 222
- 1
View file @ faf74cca
......@@ -59,7 +59,7 @@ let settings = {
participants: [
{
name: "John Doe",
name: "Keyu Bao",
avatar: DEFAULT.avatar,
email: "john.doe@lalaland.com",
social: [
......@@ -85,6 +85,28 @@ let settings = {
}
]
},
{
name: "Eric Duminil",
avatar: `https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/0/1/csm_Eric_Duminil_Square_98e69d6263.jpg`,
email: "charlotte.doe@lalaland.com",
social: [
{
agent: "twitter",
icon: DEFAULT.social.twitter.icon,
profile: DEFAULT.social.twitter.profile
},
{
agent: "facebook",
icon: DEFAULT.social.facebook.icon,
profile: DEFAULT.social.facebook.profile
},
{
agent: "linkedin",
icon: DEFAULT.social.linkedin.icon,
profile: DEFAULT.social.linkedin.profile
}
]
},
{
name: "Charlotte Doe",
avatar: `${BASE_URL}/assets/images/charlotte.jpg`,
......@@ -106,9 +128,208 @@ let settings = {
profile: DEFAULT.social.linkedin.profile
}
]
},
{
name: "Tom Kwakman",
avatar: `https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/3/b/csm_13946ef1_2_b225f6bc69.jpg`,
email: "charlotte.doe@lalaland.com",
social: [
{
agent: "twitter",
icon: DEFAULT.social.twitter.icon,
profile: DEFAULT.social.twitter.profile
},
{
agent: "facebook",
icon: DEFAULT.social.facebook.icon,
profile: DEFAULT.social.facebook.profile
},
{
agent: "linkedin",
icon: DEFAULT.social.linkedin.icon,
profile: DEFAULT.social.linkedin.profile
}
]
},
{
name: "Caroline Lahode",
avatar: `${BASE_URL}/assets/images/charlotte.jpg`,
email: "charlotte.doe@lalaland.com",
social: [
{
agent: "twitter",
icon: DEFAULT.social.twitter.icon,
profile: DEFAULT.social.twitter.profile
},
{
agent: "facebook",
icon: DEFAULT.social.facebook.icon,
profile: DEFAULT.social.facebook.profile
},
{
agent: "linkedin",
icon: DEFAULT.social.linkedin.icon,
profile: DEFAULT.social.linkedin.profile
}
]
},
{
name: "Sarah Lang",
avatar: `https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/1/4/csm_IMG_9660_9b8c1e5116.jpg`,
email: "charlotte.doe@lalaland.com",
social: [
{
agent: "twitter",
icon: DEFAULT.social.twitter.icon,
profile: DEFAULT.social.twitter.profile
},
{
agent: "facebook",
icon: DEFAULT.social.facebook.icon,
profile: DEFAULT.social.facebook.profile
},
{
agent: "linkedin",
icon: DEFAULT.social.linkedin.icon,
profile: DEFAULT.social.linkedin.profile
}
]
},
{
name: "Alexander Lee",
avatar: `${BASE_URL}/assets/images/charlotte.jpg`,
email: "charlotte.doe@lalaland.com",
social: [
{
agent: "twitter",
icon: DEFAULT.social.twitter.icon,
profile: DEFAULT.social.twitter.profile
},
{
agent: "facebook",
icon: DEFAULT.social.facebook.icon,
profile: DEFAULT.social.facebook.profile
},
{
agent: "linkedin",
icon: DEFAULT.social.linkedin.icon,
profile: DEFAULT.social.linkedin.profile
}
]
},
{
name: "Rushikesh Padsala",
avatar: `https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/1/6/csm_Passport_Size_Pic__2__74a070b0fc.jpg`,
email: "charlotte.doe@lalaland.com",
social: [
{
agent: "twitter",
icon: DEFAULT.social.twitter.icon,
profile: DEFAULT.social.twitter.profile
},
{
agent: "facebook",
icon: DEFAULT.social.facebook.icon,
profile: DEFAULT.social.facebook.profile
},
{
agent: "linkedin",
icon: DEFAULT.social.linkedin.icon,
profile: DEFAULT.social.linkedin.profile
}
]
},
{
name: "Amando Reber",
avatar: `${BASE_URL}/assets/images/charlotte.jpg`,
email: "charlotte.doe@lalaland.com",
social: [
{
agent: "twitter",
icon: DEFAULT.social.twitter.icon,
profile: DEFAULT.social.twitter.profile
},
{
agent: "facebook",
icon: DEFAULT.social.facebook.icon,
profile: DEFAULT.social.facebook.profile
},
{
agent: "linkedin",
icon: DEFAULT.social.linkedin.icon,
profile: DEFAULT.social.linkedin.profile
}
]
},
{
name: "Sarah Ann Sutter",
avatar: `https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/b/f/csm_Passbild_hft_sw_c0c7185dfd.jpg`,
email: "charlotte.doe@lalaland.com",
social: [
{
agent: "twitter",
icon: DEFAULT.social.twitter.icon,
profile: DEFAULT.social.twitter.profile
},
{
agent: "facebook",
icon: DEFAULT.social.facebook.icon,
profile: DEFAULT.social.facebook.profile
},
{
agent: "linkedin",
icon: DEFAULT.social.linkedin.icon,
profile: DEFAULT.social.linkedin.profile
}
]
},
{
name: "Patrick Würstle",
avatar: `https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/7/f/csm_ImageProfil_58941e6c5a.jpg`,
email: "charlotte.doe@lalaland.com",
social: [
{
agent: "twitter",
icon: DEFAULT.social.twitter.icon,
profile: DEFAULT.social.twitter.profile
},
{
agent: "facebook",
icon: DEFAULT.social.facebook.icon,
profile: DEFAULT.social.facebook.profile
},
{
agent: "linkedin",
icon: DEFAULT.social.linkedin.icon,
profile: DEFAULT.social.linkedin.profile
}
]
}
],
// {
// name: "Patrick Würstle",
// avatar: `${BASE_URL}/assets/images/charlotte.jpg`,
// email: "charlotte.doe@lalaland.com",
// social: [
// {
// agent: "twitter",
// icon: DEFAULT.social.twitter.icon,
// profile: DEFAULT.social.twitter.profile
// },
// {
// agent: "facebook",
// icon: DEFAULT.social.facebook.icon,
// profile: DEFAULT.social.facebook.profile
// },
// {
// agent: "linkedin",
// icon: DEFAULT.social.linkedin.icon,
// profile: DEFAULT.social.linkedin.profile
// }
// ]
// }
footerLogos: [
{
logo: `${BASE_URL}/assets/logos/Logo_M4_LAB.jpg`,
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal