diff --git a/assets/css/mobile.css b/assets/css/mobile.css new file mode 100644 index 0000000000000000000000000000000000000000..a5c25c430eff492178166aa350bf889b5f0007fc --- /dev/null +++ b/assets/css/mobile.css @@ -0,0 +1,78 @@ +@media only screen and (max-width : 800px) { + + .content { + padding-left: 5%; + padding-right: 5%; + } + + nav { + background-color: rgba(16, 16, 16, 0.8); + height: auto; + padding: 0; + position: absolute; + right: -40%; + top: 20px; + width: 40%; + margin: 0; + z-index: 1000; + transition: right 0.4s; + } + + nav ul { + flex-direction: column; + } + + nav li { + display: block; + padding-top: 10px; + padding-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; + } + + nav a { + font-size: 0.8em; + } + + nav a:hover { + border-bottom: unset; + padding-bottom: unset; + } + + .hamburger { + display: none; + flex-direction: column; + justify-content: space-between; + width: 40px; + height: 40px; + background-color: rgba(16, 16, 16, 0.8); + margin-top: 20px; + padding: 8px; + transition: margin-right 0.4s; + } + + .line { + background-color: white; + height: 2px; + } + + .slide-nav { + right: 0; + } + + .slide-hamburger { + margin-right: 40%; + } + + .overflow-visible{ + overflow: visible; + } + + .logo{ + width: 80px; + height: 80px; + margin-left: 8vw; + } + + +} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000000000000000000000000000000000000..adcab64f44708014fe074d065552bf7dc442b352 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,176 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Roboto', sans-serif; +} + +h1 { + margin-top: 1.5em; +} + +p { + margin-top: 1.25em; +} + +.content{ + padding-left: 25%; + padding-right: 25%; +} + +header { + position: relative; + width: 100%; + height: 43.2vw; + background: url(../images/header.jpg); + background-size: contain; + background-repeat: no-repeat; + display: flex; + flex-direction: column; + justify-content: space-between; + overflow: hidden; +} + +.row { + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; +} + +nav { + margin-top: 20px; + margin-right: 5vw; + letter-spacing: .8px; +} + +nav ul { + list-style: none; + margin: 8px; + padding: 0; + display: flex; + flex-wrap: wrap; +} +nav li { + display: inline-block; + padding: 0 20px; + margin-top: 20px; +} + +nav a { + text-decoration: none; + text-transform: uppercase; + font-size: 14px; + font-weight: 700; + color: #fff; + text-shadow: 0 1px 4px rgba(0,0,0,.4); + border-bottom: 5px solid transparent; + padding-bottom: 5px; +} + +nav a:hover { + border-bottom: 5px solid gray; + transition: border-bottom-color 0.5s; +} + +.footer { + margin-top: 3em; + background-image: linear-gradient(45deg, #a999a0, #ded9d6); +} + +.logo{ + width: 120px; + height: 120px; + margin-left: 8vw; +} + +.footer-participants-container { + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + padding-left: 20px; + padding-right: 20px; + padding-top: 60px; + padding-bottom: 60px; +} + +.participant { + display: flex; + flex-direction: column; + align-items: center; +} + +.participant-avatar { + width: 120px; + height: 120px; + overflow: hidden; + border-radius: 50%; + background-color: white; + box-shadow: 0px 3px 8px 0px #00000069; + margin-left: 40px; + margin-right: 40px; + margin-top: 40px; + margin-bottom: 10px; +} + +.participant-avatar img { + width: 100%; + margin: auto; +} + +.participant-social { + margin-top: 10px; +} + +.social { + margin-left: 3px; + margin-right: 3px; +} + +.footer-logo-container { + display: flex; + justify-content: flex-end; + flex-wrap: wrap; + padding-left: 20px; + padding-right: 20px; + padding-top: 60px; + padding-bottom: 60px; +} + +.footer-logo { + width: 80px; + height: 80px; + overflow: hidden; + border-radius: 25%; + background-color: white; + display: flex; + box-shadow: 0px 2px 6px 0px #00000069; + margin-right: 20px; + margin-top: 40px; +} + +.footer-logo a { + display: flex; +} + +.footer-logo img { + width: 80%; + margin: auto; +} + +#projectname { + font-weight: 700; + color: #fff; + text-align: center; + font-size: 4vw; + margin-bottom: 6vw; +} + +.hamburger { + display: none; +} \ No newline at end of file diff --git a/assets/images/avatar.png b/assets/images/avatar.png new file mode 100644 index 0000000000000000000000000000000000000000..a031c19a06eda950fce6bcd91a2d21ccde6822ce Binary files /dev/null and b/assets/images/avatar.png differ diff --git a/assets/images/charlotte.jpg b/assets/images/charlotte.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2d12c5b5ea58daa4db3cf3522f9f7b5b16af6c8d Binary files /dev/null and b/assets/images/charlotte.jpg differ diff --git a/assets/images/facebook.png b/assets/images/facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..716d2fc91942580a3bf585b582340e7cce157942 Binary files /dev/null and b/assets/images/facebook.png differ diff --git a/assets/images/header.jpg b/assets/images/header.jpg new file mode 100644 index 0000000000000000000000000000000000000000..13ed9f40c2c684801a7a5ed8e9e80eb36fb6ee93 Binary files /dev/null and b/assets/images/header.jpg differ diff --git a/assets/images/hft_logo.svg b/assets/images/hft_logo.svg new file mode 100644 index 0000000000000000000000000000000000000000..fabcd528fd48e367d7e591ff883554b33ddd7c65 --- /dev/null +++ b/assets/images/hft_logo.svg @@ -0,0 +1,184 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/linkedin.png b/assets/images/linkedin.png new file mode 100644 index 0000000000000000000000000000000000000000..4bd3550cd999c0cf4ed12ceb53a75d3a9bfac6b3 Binary files /dev/null and b/assets/images/linkedin.png differ diff --git a/assets/images/twitter.png b/assets/images/twitter.png new file mode 100644 index 0000000000000000000000000000000000000000..6da1f270e1299c803b0b735a67919d03c035b2bb Binary files /dev/null and b/assets/images/twitter.png differ diff --git a/assets/images/webpage.png b/assets/images/webpage.png new file mode 100644 index 0000000000000000000000000000000000000000..df05bf018327f31e0e8964ce41ea830da0d77808 Binary files /dev/null and b/assets/images/webpage.png differ diff --git a/assets/logos/Logo_M4_LAB.jpg b/assets/logos/Logo_M4_LAB.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7417075b2c4db0a7e510ef8e269b8225abfa2d5d Binary files /dev/null and b/assets/logos/Logo_M4_LAB.jpg differ diff --git a/assets/logos/logo1.png b/assets/logos/logo1.png new file mode 100644 index 0000000000000000000000000000000000000000..233410c57727edf0574d45c35a4607ecd9ead11b Binary files /dev/null and b/assets/logos/logo1.png differ diff --git a/assets/logos/logo2.png b/assets/logos/logo2.png new file mode 100644 index 0000000000000000000000000000000000000000..e52590c27a9527fd6399f2de4f57ff1cb8da9cbf Binary files /dev/null and b/assets/logos/logo2.png differ diff --git a/assets/logos/logo3.png b/assets/logos/logo3.png new file mode 100644 index 0000000000000000000000000000000000000000..f87b0cc02358000d83ce79d6a91439f4ca2b3f2d Binary files /dev/null and b/assets/logos/logo3.png differ diff --git a/home/index.html b/home/index.html new file mode 100644 index 0000000000000000000000000000000000000000..cad0bb7bff1988deaf5deae7eeb43015065babde --- /dev/null +++ b/home/index.html @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + +
+ +

Here goes a title

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec + ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl + sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa + eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit + quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu, + sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue + consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet + arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales + 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. +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec + ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl + sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa + eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit + quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu, + sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue + consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet + arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales + 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. +

+ +

Here goes a title

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra. + Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean + et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam. + Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse. + Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi. + Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed. +

+ +

Here goes a title

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra. + Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean + et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam. + Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse. + Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi. + Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed. +

+ + +
+ + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000000000000000000000000000000000000..77b80320938a2f274fe86204335110f6d6ebfa83 --- /dev/null +++ b/index.html @@ -0,0 +1,5 @@ + + +Redirecting to https://example.com/ + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000000000000000000000000000000000000..eaa8722b44caf187641a0c9eb270c3fcea2d7e8e --- /dev/null +++ b/main.js @@ -0,0 +1 @@ +let portal=function(){document.querySelector("title").innerText="M4_LAB";let e=document.createElement("a");e.href="https://hft-stuttgart.de",e.innerHTML="",document.getElementById("logo").appendChild(e);let t=(e,t,l={},i=null)=>{let o=document.createElement(e);for(cls of t)o.classList.add(cls);return Object.keys(l).forEach(e=>{o.setAttribute(e,l[e])}),i&&(o.innerText=i),o},l=e=>{let l=t("div",["participant-social"]);for(i of e){let e=t("a",["social"],{title:i.agent,href:i.profile}),o=t("img",[],{src:i.icon});e.appendChild(o),l.appendChild(e)}return l},o={projectName:()=>{document.querySelector("#projectname").innerHTML=settings.projectName},menu:()=>{let e=document.createElement("ul");for(m of settings.menu){let l=document.createElement("li"),i=t("a",[],{href:m.link},m.menuText);l.appendChild(i),e.appendChild(l)}let l=document.querySelector("nav");l.appendChild(e);let i=document.querySelector(".hamburger");i.style.display="flex";let o=document.querySelector("header");i.addEventListener("click",()=>{i.classList.toggle("slide-hamburger"),l.classList.toggle("slide-nav"),o.classList.toggle("overflow-visible")})},participants:()=>{let e=document.querySelector(".footer"),i=t("ul",["footer-participants-container"]);for(p of settings.participants){let e=t("li",["participant"]),o=t("div",["participant-avatar"]),n=t("img",[],{src:p.avatar}),a=t("div",[],{},p.name),r=t("div",[],{},p.email);o.appendChild(n),e.appendChild(o),e.appendChild(a),e.appendChild(r),e.appendChild(l(p.social)),i.appendChild(e)}e.appendChild(i)},footerLogos:()=>{let e=document.querySelector(".footer"),l=t("ul",["footer-logo-container"]);for(fl of settings.footerLogos){let e=t("li",["footer-logo"]),i=t("a",[],{title:fl.title,href:fl.href}),o=t("img",[],{src:fl.logo});i.appendChild(o),e.appendChild(i),l.appendChild(e)}e.appendChild(l)}};for(swt of settings.switches)swt.state==ON&&o[swt.name]()}(); \ No newline at end of file diff --git a/results/index.html b/results/index.html new file mode 100644 index 0000000000000000000000000000000000000000..cad0bb7bff1988deaf5deae7eeb43015065babde --- /dev/null +++ b/results/index.html @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + +
+ +

Here goes a title

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec + ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl + sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa + eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit + quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu, + sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue + consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet + arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales + 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. +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec + ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl + sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa + eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit + quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu, + sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue + consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet + arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales + 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. +

+ +

Here goes a title

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra. + Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean + et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam. + Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse. + Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi. + Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed. +

+ +

Here goes a title

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra. + Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean + et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam. + Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse. + Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi. + Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed. +

+ + +
+ + + + + + + + \ No newline at end of file diff --git a/settings.js b/settings.js new file mode 100644 index 0000000000000000000000000000000000000000..65d103eca4b3a013abd8c6cbce7efda479e14155 --- /dev/null +++ b/settings.js @@ -0,0 +1,138 @@ +const ON = true; +const OFF = false; +const EMPTY_LINK = "javascript:undefined"; +const DEFAULT = { + social: { + twitter: { + icon: "/assets/images/twitter.png", + profile: "https://twitter.com/InnolabM4" + }, + facebook: { + icon: "/assets/images/facebook.png", + profile: "https://www.facebook.com/HfTStuttgart" + }, + linkedin: { + icon: "/assets/images/linkedin.png", + profile: "https://www.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences" + }, + webpage: { + icon: "/assets/images/webpage.png", + profile: "https://www.hft-stuttgart.de" + } + }, + avatar: "/assets/images/avatar.png" +} + +let settings = { + + switches: [ + { + name: "projectName", + state: ON + }, + { + name: "menu", + state: ON + }, + { + name: "participants", + state: ON + }, + { + name: "footerLogos", + state: ON + } + ], + + projectName: "M4_LAB Page Demo", + + menu: [ + { + menuText: "home", + link: "/home" + }, + { + menuText: "results", + link: "/results" + }, + { + menuText: "demo", + link: "http://example.com" + } + ], + + participants: [ + { + name: "John Doe", + avatar: DEFAULT.avatar, + email: "john.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 + }, + { + agent: "webpage", + icon: DEFAULT.social.webpage.icon, + profile: "https://johndoe.com" + } + ] + }, + { + name: "Charlotte Doe", + avatar: "/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: "/assets/logos/Logo_M4_LAB.jpg", + href: EMPTY_LINK, + title: "M4_LAB" + }, + { + logo: "/assets/logos/logo1.png", + href: "http://www.innovative-hochschule.de", + title: "Innovative Hochschule" + }, + { + logo: "/assets/logos/logo2.png", + href: "https://www.bmbf.de", + title: "Bundesministerium für Bildung und Forschung" + }, + { + logo: "/assets/logos/logo3.png", + href: "https://www.gwk-bonn.de", + title: "Die Gemeinsame Wissenschaftskonferenz" + } + ] +}; \ No newline at end of file diff --git a/templates/raw/index.html b/templates/raw/index.html new file mode 100644 index 0000000000000000000000000000000000000000..cad0bb7bff1988deaf5deae7eeb43015065babde --- /dev/null +++ b/templates/raw/index.html @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + +
+ +

Here goes a title

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec + ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl + sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa + eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit + quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu, + sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue + consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet + arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales + 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. +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec + ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl + sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa + eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit + quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu, + sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue + consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet + arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales + 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. +

+ +

Here goes a title

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra. + Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean + et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam. + Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse. + Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi. + Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed. +

+ +

Here goes a title

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ornare massa eget egestas purus viverra. + Molestie nunc non blandit massa enim nec dui. Arcu ac tortor dignissim convallis aenean + et tortor at. Nisi quis eleifend quam adipiscing vitae. Eget nunc lobortis mattis aliquam. + Integer vitae justo eget magna. Sed risus pretium quam vulputate dignissim suspendisse. + Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi. + Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed. +

+ + +
+ + + + + + + + \ No newline at end of file diff --git a/templates/thesis/cover.jpg b/templates/thesis/cover.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c7b6b0b345dab200168b3ee97edec17b99f85969 Binary files /dev/null and b/templates/thesis/cover.jpg differ diff --git a/templates/thesis/index.html b/templates/thesis/index.html new file mode 100644 index 0000000000000000000000000000000000000000..26fa9da92ffc734bb53fceaf3bf0cf0a3b096467 --- /dev/null +++ b/templates/thesis/index.html @@ -0,0 +1,137 @@ + + + + + + + + + + + + + + + + + +
+ +
+ + +
+ +

Abstract

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec + ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl + sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa + eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit + quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu, + sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue + consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet + arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales + 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. +

+ +
+ + + + + + + + \ No newline at end of file diff --git a/templates/thesis/thesis.pdf b/templates/thesis/thesis.pdf new file mode 100644 index 0000000000000000000000000000000000000000..13e3977f597870793ef56c4d8c7f6b497f0e3f7d Binary files /dev/null and b/templates/thesis/thesis.pdf differ