first style iterration
This commit is contained in:
parent
7da4fe5744
commit
af68c56f77
BIN
wecker_manufaktur/files/img/wecker_manufaktur.jpg
Normal file
BIN
wecker_manufaktur/files/img/wecker_manufaktur.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 587 KiB |
@ -1,78 +0,0 @@
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#headbanner_frame {
|
||||
width: 55%;
|
||||
max-height: 35%;
|
||||
margin: auto;
|
||||
background: white;
|
||||
}
|
||||
|
||||
#headbanner {
|
||||
font-family: fantasy;
|
||||
padding-left: 25px;
|
||||
box-shadow: 0 0px 0px 0px white, 0 0px 0px 0px white, 5px 0 5px -4px rgba(102, 102, 102, 0.8), -5px 0 5px -5px rgba(102, 102, 102, 0.8);
|
||||
}
|
||||
|
||||
#menu {
|
||||
width: 100%;
|
||||
background: #cc3333;
|
||||
}
|
||||
|
||||
#menu_content {
|
||||
font-family: Arial;
|
||||
font-size: 16pt;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#menu_content a:visited{
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#menu_content a:hover{
|
||||
text-decoration: none;
|
||||
text-shadow: 1px 0px white;
|
||||
}
|
||||
|
||||
#menu_content a:link{
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#content {
|
||||
background: white;
|
||||
width: 55%;
|
||||
padding: 25px;
|
||||
margin: auto;
|
||||
color: #666666;
|
||||
box-shadow: 0 0px 0px 0px white, 0 0px 0px 0px white, 5px 0 5px -4px rgba(102, 102, 102, 0.8), -5px 0 5px -5px rgba(102, 102, 102, 0.8);
|
||||
}
|
||||
|
||||
#footer {
|
||||
height: 20px;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
background: #666666;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#footer a:link{
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#footer a:visited{
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
115
wecker_manufaktur/page/default_page/css/default_page.scss
Normal file
115
wecker_manufaktur/page/default_page/css/default_page.scss
Normal file
@ -0,0 +1,115 @@
|
||||
// Colors
|
||||
$color_white: rgb(255,255,255);
|
||||
$color_grey: rgba(255,255,255,0.37);
|
||||
$color_black: rgb(0,0,0);
|
||||
$color_green_1: rgb(12,22,11);
|
||||
$color_green_2: rgb(21,26,16);
|
||||
$color_green_3: rgb(29,48,25);
|
||||
|
||||
// Paddings & Margins
|
||||
$padding_page: 100px;
|
||||
$padding_heading_top: 100px;
|
||||
$padding_heading_bottom: 50px;
|
||||
$padding_footer: 25px;
|
||||
$padding_footer_bottomline: 10px;
|
||||
|
||||
// Images
|
||||
$home_img: url(./files/img/wecker_manufaktur.jpg);
|
||||
|
||||
// Font Size
|
||||
$font_size_50: 50px;
|
||||
$font_size_70: 70px;
|
||||
|
||||
|
||||
body {
|
||||
color: $color_white;
|
||||
}
|
||||
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
color: $color_white !important;
|
||||
}
|
||||
|
||||
#menu {
|
||||
padding-left: $padding_page;
|
||||
padding-right: $padding_page;
|
||||
}
|
||||
|
||||
#home {
|
||||
background-image: $home_img;
|
||||
background-size: cover;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-left: $padding_page;
|
||||
padding-right: $padding_page;
|
||||
|
||||
h1{
|
||||
display: flex;
|
||||
flex: 1 0 auto;
|
||||
align-self: center;
|
||||
align-items: center;
|
||||
font-size: $font_size_70;
|
||||
}
|
||||
|
||||
a{
|
||||
font-size: $font_size_50;
|
||||
color: $color_grey;
|
||||
margin-top: -25px;
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
}
|
||||
|
||||
#content {
|
||||
background-image: linear-gradient($color_green_1,$color_green_3);
|
||||
text-align: center;
|
||||
padding-left: $padding_page;
|
||||
padding-right: $padding_page;
|
||||
|
||||
#philosophy{
|
||||
h2{
|
||||
padding-top: $padding_heading_top;
|
||||
padding-bottom: $padding_heading_bottom;
|
||||
}
|
||||
}
|
||||
|
||||
#persons{
|
||||
padding-top: $padding_heading_top;
|
||||
padding-bottom: $padding_heading_bottom;
|
||||
}
|
||||
|
||||
#projects{
|
||||
h2{
|
||||
padding-top: $padding_heading_top;
|
||||
padding-bottom: $padding_heading_bottom;
|
||||
}
|
||||
}
|
||||
|
||||
#apply{
|
||||
h2{
|
||||
padding-top: $padding_heading_top;
|
||||
padding-bottom: $padding_heading_bottom;
|
||||
}
|
||||
padding-bottom: $padding_heading_bottom;
|
||||
}
|
||||
}
|
||||
|
||||
#footer-links {
|
||||
background-color: $color_green_2;
|
||||
padding-left: $padding_page;
|
||||
padding-right: $padding_page;
|
||||
padding-top: $padding_footer;
|
||||
padding-bottom: $padding_footer;
|
||||
}
|
||||
|
||||
#footer-bottomline {
|
||||
background-color: $color_black;
|
||||
padding: $padding_footer_bottomline;
|
||||
padding-left: $padding_page;
|
||||
padding-right: $padding_page;
|
||||
text-align: center;
|
||||
}
|
||||
@ -10,9 +10,10 @@ class default_page implements \SYSTEM\PAGE\DefaultPage {
|
||||
}
|
||||
|
||||
public static function css(){
|
||||
return \SYSTEM\HTML\html::link(\LIB\lib_bootstrap::css()->WEBPATH(false)).
|
||||
\SYSTEM\HTML\html::link(\SYSTEM\CACHE\cache_css::minify(array(
|
||||
new PPAGE('default_page/css/default_page.css')
|
||||
return \SYSTEM\HTML\html::link(\SYSTEM\CACHE\cache_css::minify(array(
|
||||
\LIB\lib_bootstrap::css(),
|
||||
\LIB\lib_font_awesome::css(),
|
||||
new PPAGE('default_page/css/default_page.scss')
|
||||
)));
|
||||
}
|
||||
|
||||
@ -22,7 +23,8 @@ class default_page implements \SYSTEM\PAGE\DefaultPage {
|
||||
if(!$_escaped_fragment_){
|
||||
$vars['js'] = self::js();}
|
||||
$vars['css'] = self::css();
|
||||
$vars['_content_persons'] = \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_page/tpl/content_persons.tpl'))->SERVERPATH());
|
||||
$vars = array_merge($vars, \SYSTEM\PAGE\text::tag('wecker_manufaktur'));
|
||||
return SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_page/tpl/default_page.tpl'))->SERVERPATH(), $vars);
|
||||
return \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_page/tpl/default_page.tpl'))->SERVERPATH(), $vars);
|
||||
}
|
||||
}
|
||||
45
wecker_manufaktur/page/default_page/tpl/content_persons.tpl
Normal file
45
wecker_manufaktur/page/default_page/tpl/content_persons.tpl
Normal file
@ -0,0 +1,45 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div>
|
||||
<img src="https://www.democracy-deutschland.de/files/wir/Ulf2.png" class="rounded-circle" alt="Cinque Terre" style="object-fit: cover; width: 300px; height: 300px;">
|
||||
</div>
|
||||
<div>
|
||||
<a href="#">Peter Zwegat <i class="fa fa-angle-down"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12" style="text-align: left;">
|
||||
<div>
|
||||
<table class="table table-borderless">
|
||||
<tr>
|
||||
<th scope="row">Talente</th>
|
||||
<td>
|
||||
<span class="badge badge-primary">Primary</span>
|
||||
<span class="badge badge-secondary">Secondary</span>
|
||||
<span class="badge badge-success">Success</span>
|
||||
<span class="badge badge-danger">Danger</span>
|
||||
<span class="badge badge-warning">Warning</span>
|
||||
<span class="badge badge-info">Info</span>
|
||||
<span class="badge badge-light">Light</span>
|
||||
<span class="badge badge-dark">Dark</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Kurzinfo</th>
|
||||
<td>
|
||||
Peter Zwegat wuchs in Berlin-Pankow auf. Seine Eltern verließen mit ihm und seinen beiden Geschwistern die DDR, als er 10 Jahre alt war.[1] Nach einer Ausbildung zum Verwaltungsbeamten studierte er von 1970 bis 1974 Sozialpädagogik an einer Fachhochschule und schloss als Diplom-Sozialpädagoge ab. Von 1974 bis 1987 war er im Sozial- und Gesundheitswesen bzw. in der Jugendhilfe beim Land Berlin beschäftigt.
|
||||
|
||||
1987 wechselte er zum gemeinnützigen Verein Dienstleistung für Arbeitnehmer und Betriebe, einer Schuldner- und Insolvenzberatungsstelle im Bezirk Kreuzberg, wo er bis 2018 Geschäftsführer und Vorstandsvorsitzender war. Seitdem führt er keine Beratungen mehr durch.[2]
|
||||
|
||||
2017/2018 war Zwegat als Lebensberater beim Berliner Start-up „my better life“ tätig.[3][2]
|
||||
|
||||
Zwegat ist seit 2006 mit Liane Scholze liiert, die eine Beratungsagentur in Berlin führt und mit der er gemeinsam ein Ratgeberbuch veröffentlichte. Medienberichten zufolge hat er zwei Kinder.[1] Am 25. Dezember 2011 heirateten sie auf Sansibar.[4]
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Projekte</th>
|
||||
<td>PETER</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,35 +1,116 @@
|
||||
<html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="${meta_language}">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="${meta_start_description}">
|
||||
<meta name="keywords" content="${meta_start_author}">
|
||||
<meta name="author" content="${meta_start_keywords}">
|
||||
<title>${title_start}</title>
|
||||
<title>${meta_title}</title>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="revisit-after" content="3 DAYS" />
|
||||
<meta name="fragment" content="!">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<meta name="author" content="${meta_author}">
|
||||
<meta name="publisher" content="${meta_publisher}">
|
||||
<meta name="copyright" content="${meta_copyright}">
|
||||
<meta name="description" content="${meta_description}">
|
||||
<meta name="keywords" content="${meta_keywords}">
|
||||
<meta name="page-topic" content="${meta_page-topic}">
|
||||
<meta name="page-type" content="${meta_page-type}">
|
||||
<meta name="audience" content="${meta_audience}">
|
||||
<meta name="DC.Creator" content="${meta_author}">
|
||||
<meta name="DC.Publisher" content="${meta_publisher}">
|
||||
<meta name="DC.Rights" content="${meta_copyright}">
|
||||
<meta name="DC.Description" content="${meta_description}">
|
||||
<meta name="DC.Language" content="${meta_language}">
|
||||
<meta property="og:url" content="${meta_og-url}"/>
|
||||
<meta property="og:type" content="${meta_og-type}"/>
|
||||
<meta property="og:title" content="${meta_title}"/>
|
||||
<meta property="og:description" content="${meta_description}"/>
|
||||
<meta property="og:image" content="${meta_og-image}" />
|
||||
|
||||
${css}
|
||||
${js}
|
||||
<link rel="shortcut icon" href="./files/img/favicon.ico" type="image/x-icon" />
|
||||
</head>
|
||||
<body style="background: #cccccc;">
|
||||
<div class="modal fade" id="modal_text" style="" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body" id="modaltext"></div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn" data-dismiss="modal" id="edit_close">Close</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
<div id="menu">
|
||||
<div id="menu_content">
|
||||
<a href="#!start">${menu_start}</a> |
|
||||
<a href="#!about">${menu_about}</a>
|
||||
<body>
|
||||
<!-- MENU -->
|
||||
<nav id="menu" class="navbar navbar-expand-lg navbar-light fixed-top">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="nav navbar-nav ml-auto">
|
||||
<li class="nav-item active"><a class="nav-link" id="menu-philosophy" href="#philosophy">${menu_philosophy}</a></li>
|
||||
<li class="nav-item"> <a class="nav-link" id="menu-projects" href="#projects"> ${menu_projects}</a></li>
|
||||
<li class="nav-item"> <a class="nav-link" id="menu-apply" href="#apply"> ${menu_apply}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content"></div>
|
||||
<div id="footer">
|
||||
<a href="#!impressum" id="impressum">${menu_imprint}</a>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- HOME -->
|
||||
<section id="home" class="page">
|
||||
<h1>${page_title}</h1>
|
||||
<h4 style="align-self: bottom">${page_statement}</h4>
|
||||
<a href="#philosophy"><i class="fa fa-angle-down"></i></a>
|
||||
</section>
|
||||
<!-- CONTENT -->
|
||||
<section id="content">
|
||||
<div id="philosophy">
|
||||
<h2>${content_philosophy_heading}</h2>
|
||||
${content_philosophy}
|
||||
</div>
|
||||
<div id="persons">
|
||||
${_content_persons}
|
||||
</div>
|
||||
<div id="projects">
|
||||
<h2>${content_projects_heading}</h2>
|
||||
${content_projects}
|
||||
${_content_projects}
|
||||
</div>
|
||||
<div id="apply">
|
||||
<h2>${content_apply_heading}</h2>
|
||||
${content_apply}
|
||||
${_content_apply}
|
||||
</div>
|
||||
</section>
|
||||
<!-- FOOTER -->
|
||||
<section id="footer">
|
||||
<div class="container-fluid">
|
||||
<div class="row" id="footer-links">
|
||||
<div class="col-lg-3">
|
||||
<div id="footer-logo">${footer_logo}</div>
|
||||
<div id="footer-nl">
|
||||
<input id="footer-nl-email" name="email" type="text" placeholder="${footer_newsletter_email_placeholder}"/>
|
||||
<input id="footer-nl-subscribe" name="submit" type="submit" value="${footer_newsletter_email_value}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<h3>${footer_legal_heading}</h3>
|
||||
<div id="footer-legal">
|
||||
<a href="#!dataprotection"> ${footer_legal_dataprotection}</a>
|
||||
<a href="#!imprint"> ${footer_legal_imprint}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<h3>${footer_manufaktur_heading}</h3>
|
||||
<div id="footer-manufaktur">
|
||||
<a href="#projects"> ${footer_manufaktur_projects}</a>
|
||||
<a href="#apply"> ${footer_manufaktur_apply}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 footer-sm">
|
||||
<h3>${footer_socialmedia_heading}</h3>
|
||||
<div id="footer-sm">
|
||||
<a target="_blank" href="${link_facebook}"><i class="fa fa-facebook"></i></a>
|
||||
<a target="_blank" href="${link_discord}"> <i class="fa fa-weixin"></i></a>
|
||||
<a target="_blank" href="${link_email}"> <i class="fa fa-envelope"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="footer-bottomline">
|
||||
<div class="col-12">
|
||||
${footer_bottomline}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,3 +1,3 @@
|
||||
REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (10, 1, 'start', 'start', -1, 0, 0, '#content', './?page=start', 'init_start', 'default_start');
|
||||
REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (15, 1, 'impressum', 'impressum', -1, 0, 0, '#content', './?page=impressum', 'init_impressum', 'default_impressum');
|
||||
REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (20, 1, 'about', 'about', -1, 0, 0, '#content', './?page=about', 'init_about', 'default_about');
|
||||
-- REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (10, 1, 'start', 'start', -1, 0, 0, '#content', './?page=start', 'init_start', 'default_start');
|
||||
-- REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (15, 1, 'impressum', 'impressum', -1, 0, 0, '#content', './?page=impressum', 'init_impressum', 'default_impressum');
|
||||
-- REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (20, 1, 'about', 'about', -1, 0, 0, '#content', './?page=about', 'init_about', 'default_about');
|
||||
Loading…
x
Reference in New Issue
Block a user