initial prototype
This commit is contained in:
Felix Niklas
parent
f163590d11
commit
7f915d0a18
7 changed files with 1039 additions and 0 deletions
248
prototype/css/style.css
Normal file
248
prototype/css/style.css
Normal file
|
|
@ -0,0 +1,248 @@
|
|||
* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; }
|
||||
html, body { height: 100%; }
|
||||
body {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
color: rgba(0,0,0,.89);
|
||||
font: 12px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
background: url(../img/minimalism_by_nerdynotdirty.jpg);
|
||||
background-size: cover;
|
||||
}
|
||||
.avatar {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 3px;
|
||||
background-size: cover;
|
||||
}
|
||||
header {
|
||||
height: 36px;
|
||||
padding: 8px 0 8px 13px;
|
||||
border-bottom: 1px solid hsla(222, 10%, 55%,.34);
|
||||
}
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
float: left;
|
||||
}
|
||||
header input[type=search],
|
||||
header select,
|
||||
header button {
|
||||
margin-right: 13px;
|
||||
float: right;
|
||||
}
|
||||
.sidebar {
|
||||
width: 200px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
border-right: 1px solid hsla(222, 10%, 55%,.34);
|
||||
z-index: 1;
|
||||
}
|
||||
header .agent {
|
||||
padding: 8px;
|
||||
border-bottom: 1px solid hsla(222, 10%, 55%,.34);
|
||||
}
|
||||
header .agent .name {
|
||||
padding: 12px 21px 0 0;
|
||||
line-height: 18px;
|
||||
}
|
||||
.name {
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
.userActions {
|
||||
list-style: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
.userActions li {
|
||||
padding-right: 8px;
|
||||
color: hsl(222, 10%, 77%);
|
||||
font-size: 11px;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
.userActions li:hover {
|
||||
color: hsl(222, 10%, 34%);
|
||||
}
|
||||
.userActions li:last-child {
|
||||
width: 34%;
|
||||
padding-right: 21px;
|
||||
}
|
||||
.listHeader {
|
||||
padding: 13px 21px 13px;
|
||||
color: hsl(222, 10%, 13%);
|
||||
font-size: 15px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.listView li {
|
||||
padding: 13px 21px 13px 34px;
|
||||
color: hsla(222, 10%, 13%, .55);
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
.listView li.selected {
|
||||
color: hsl(222, 10%, 13%);
|
||||
background-image: -webkit-linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.13));
|
||||
position: relative;
|
||||
}
|
||||
.listView li.selected:before123 {
|
||||
top: 6px;
|
||||
right: -15px;
|
||||
width: 31px;
|
||||
height: 31px;
|
||||
content: "";
|
||||
background: hsl(222, 10%, 87%);
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.listView li .counter {
|
||||
float: right;
|
||||
padding: 1px 5px;
|
||||
font-size: 10px;
|
||||
background: hsl(10, 100%, 50%);
|
||||
border-radius: 3px;
|
||||
}
|
||||
.twoColumns, .stream, .conversation {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.twoColumns {
|
||||
right: 0;
|
||||
left: 200px;
|
||||
}
|
||||
.content {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 36px;
|
||||
position: absolute;
|
||||
overflow: auto;
|
||||
}
|
||||
.stream {
|
||||
left: 0;
|
||||
right: 60%;
|
||||
border-right: 1px solid hsla(222, 10%, 55%,.34);
|
||||
}
|
||||
.stream article {
|
||||
height: 76px;
|
||||
padding: 13px;
|
||||
position: relative;
|
||||
box-shadow: inset 0 -1px hsla(222, 10%, 55%,.34);
|
||||
}
|
||||
.stream.important article { border-left: 5px solid rgba(0,255,0,.34); }
|
||||
.stream article.urgent { border-left-color: rgba(255,0,0,.55); }
|
||||
.stream article.important { border-left-color: rgba(255,180,80,.89); }
|
||||
.stream article:before { width: 16px; height: 16px; top: 44px; left: 44px; content: " "; position: absolute; display: none; z-index: 1; opacity: 0.8; }
|
||||
.stream article:hover:before { display: block; }
|
||||
.stream article.fbt:before { background: url(img/facebook_16.png); }
|
||||
.stream article.selected {
|
||||
background-image: -webkit-linear-gradient(rgba(0,0,0,.13), rgba(0,0,0,.08));
|
||||
}
|
||||
.stream section {
|
||||
height: 100%;
|
||||
margin-left: 63px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.stream .name { font-weight: bold; }
|
||||
.stream nav, .stream .time { float: right; }
|
||||
.stream nav { display: none; margin-top: -3px; }
|
||||
.stream nav span { color: hsl(222, 10%, 75%); padding-left: 3px; cursor: pointer; }
|
||||
.stream nav span:hover { color: hsl(222, 10%, 34%); }
|
||||
.stream article:hover nav { display: block; }
|
||||
.stream .time, .stream .service { padding-left: 5px; color: rgba(0,0,0,.34); font-size: 0.9em; }
|
||||
.stream article:hover .time { display: none; }
|
||||
.stream .service { visibility: hidden; }
|
||||
.stream article:hover .service { visibility: visible; }
|
||||
.stream img {
|
||||
left: 13px;
|
||||
position: absolute;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.stream section.answer {
|
||||
margin-top: 5px;
|
||||
padding: 5px 8px 8px 36px;
|
||||
background: rgba(0,0,0,0.05);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.stream section.answer textarea {
|
||||
width: 100%;
|
||||
margin-bottom: 5px;
|
||||
font: 12px/18px "Helvetica Neue", Helvetica, sans-serif;
|
||||
border: 1px solid rgba(0,0,0,.21);
|
||||
box-shadow: 1px 1px white, inset 1px 1px rgba(0,0,0,0.05);
|
||||
}
|
||||
.stream section.answer button { float: right; }
|
||||
.stream section.answer img { top: 6px; left: 5px; width: 25px; border-radius: 2px; }
|
||||
.conversation {
|
||||
left: 40%;
|
||||
right: 0;
|
||||
}
|
||||
.conversation section {
|
||||
margin: 13px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.conversation .info { width: 50px; position: absolute; }
|
||||
.conversation .info img { margin-top: 1px; border-radius: 3px; }
|
||||
.conversation .agent .info { right: 0; }
|
||||
.conversation .agent .info { float: right; }
|
||||
.conversation .agent .body, .conversation .customer .body {
|
||||
min-height: 34px;
|
||||
float: left;
|
||||
padding: 8px 13px;
|
||||
margin: 0 0 13px 58px;
|
||||
background: white;
|
||||
border: 1px solid hsla(222, 10%, 55%,.34);
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 2px hsla(222, 10%, 55%,.34);
|
||||
}
|
||||
.conversation .agent .body { float: right; margin: 0 58px 13px 0; }
|
||||
.converastion .agent { float: right; }
|
||||
.converastion .customer { float: left; }
|
||||
blockquote {
|
||||
margin: 8px 0;
|
||||
padding: 0 8px;
|
||||
color: #144fae;
|
||||
border-left: 2px solid #144fae;
|
||||
}
|
||||
|
||||
blockquote blockquote {
|
||||
color: #006312;
|
||||
border-color: #006312;
|
||||
}
|
||||
|
||||
blockquote blockquote blockquote {
|
||||
color: #540000;
|
||||
border-color: #540000;
|
||||
}
|
||||
button {
|
||||
padding: 3px 13px;
|
||||
color: rgba(0,0,0,.89);
|
||||
text-shadow: 0 1px rgba(255,255,255,.34);
|
||||
background: rgba(0,0,0,.13);
|
||||
background: -webkit-linear-gradient(rgba(0,0,0,.03), rgba(0,0,0,.08));
|
||||
background: -moz-linear-gradient(rgba(0,0,0,.03), rgba(0,0,0,.08));
|
||||
background: linear-gradient(rgba(0,0,0,.03), rgba(0,0,0,.08));
|
||||
border: 1px solid rgba(0,0,0,.21);
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 1px rgba(255,255,255,.34), 0 1px rgba(0,0,0,.05);
|
||||
cursor: pointer;
|
||||
}
|
||||
button.main { font-weight: bold; }
|
||||
|
||||
/* helpers */
|
||||
.clearfix:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 0;
|
||||
}
|
||||
BIN
prototype/img/agent.jpg
Normal file
BIN
prototype/img/agent.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
prototype/img/martin.square.jpg
Normal file
BIN
prototype/img/martin.square.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 824 B |
BIN
prototype/img/minimalism_by_nerdynotdirty.jpg
Normal file
BIN
prototype/img/minimalism_by_nerdynotdirty.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 214 KiB |
BIN
prototype/img/mrflix.square.jpg
Normal file
BIN
prototype/img/mrflix.square.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
prototype/img/sebastian.square.jpg
Normal file
BIN
prototype/img/sebastian.square.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
791
prototype/index.html
Normal file
791
prototype/index.html
Normal file
|
|
@ -0,0 +1,791 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Tulipa</title>
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="sidebar">
|
||||
<header class="clearfix">
|
||||
</header>
|
||||
<div class="content">
|
||||
<!--<div class="topbar agent clearfix">
|
||||
<div class="avatarHolder">
|
||||
<div class="avatar" style="background-image: url(img/agent.jpg)"></div>
|
||||
</div>
|
||||
<div class="name">Stefan Lober</div>
|
||||
<ul class="userActions">
|
||||
<li class="settings">Settings</li>
|
||||
<li class="logout">Logout</li>
|
||||
</ul>
|
||||
</div>-->
|
||||
<div class="inbox">
|
||||
<div class="listHeader">Tickets</div>
|
||||
<ul class="listView">
|
||||
<li class="all selected">All <span class="new counter">15</span></li>
|
||||
<li class="personal">My</li>
|
||||
<li class="escalating">Escalating</li>
|
||||
<li class="unassigned">Unassigned</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="twoColumns">
|
||||
<div class="stream">
|
||||
<header class="clearfix">
|
||||
<h2>All Tickets</h2>
|
||||
<!--<label for="sortby">Sorty By</label>-->
|
||||
<select id="sortby">
|
||||
<option selected>Sort by</option>
|
||||
<option>Date</option>
|
||||
<option>Escalation</option>
|
||||
<option>Answers</option>
|
||||
<option>Agent</option>
|
||||
</select>
|
||||
<input type="search" />
|
||||
</header>
|
||||
<div class="content">
|
||||
<article class="ma selected urgent">
|
||||
<img src="img/sebastian.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Sebastian</span><span class="service">via Mail</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">1 Tagen</span>
|
||||
</div>
|
||||
glaub querformat is gschissen bei plakaten. hab zumindest noch nie eins gesehen. Mit freundlichen Grüßen Sebastian Kretz
|
||||
Staatl. geprüfter Leiter für Popularmusik
|
||||
Staatl. geprüfter Chorleiter ...
|
||||
<!--<section class="answer">
|
||||
<img src="img/agent.jpg" />
|
||||
<textarea></textarea>
|
||||
<button type="submit" class="main">absenden</button>
|
||||
</section>-->
|
||||
</section>
|
||||
</article>
|
||||
<article class="tw urgent">
|
||||
<img src="img/martin.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Martin Edenhofer</span><span class="service">via Twitter</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">3 Tagen</span>
|
||||
</div>
|
||||
How can I return my new bought Canon Printer? #2124
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb urgent">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span><span class="service">via Mail</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb important">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span><span class="service">via Facebook</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb important">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb important">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb important">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb important">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
<article class="fb">
|
||||
<img src="img/mrflix.square.jpg" />
|
||||
<section>
|
||||
<div class="info">
|
||||
<span class="name">Felix</span>
|
||||
<nav>
|
||||
<span class="answer">antworten</span>
|
||||
<span class="mark">markieren</span>
|
||||
</nav>
|
||||
<span class="time">2 Tagen</span>
|
||||
</div>
|
||||
I love your service. But I got a problem: when ever I try to login, a server message occurs saying "Error 101: '; drop table passwords' is no valid password".
|
||||
</section>
|
||||
</article>
|
||||
</div>
|
||||
</div><!-- /stream -->
|
||||
<div class="conversation">
|
||||
<header class="clearfix">
|
||||
<h2>Sebastian Kretz</h2>
|
||||
<button class="profil">Profil</button>
|
||||
<button class="tickets">Tickets</button>
|
||||
</header>
|
||||
<div class="content">
|
||||
<section class="customer">
|
||||
<div class="info"><img src="img/sebastian.square.jpg" /></div>
|
||||
<div class="body">
|
||||
heyho,<br>
|
||||
<br>
|
||||
mir sind noch 2 kleine dinge aufgefallen.<br>
|
||||
<br>
|
||||
könntest du beim Text bei der Bandvorstellung den Vornamen vor den Nachnamen stellen.<br>
|
||||
<br>
|
||||
also: Sebastian Kretz etc.....<br>
|
||||
<br>
|
||||
Und nach dem ";)" einen Absatz machen.<br>
|
||||
<br>
|
||||
mercy<br>
|
||||
<br>
|
||||
bis dann<br>
|
||||
gruß<br>
|
||||
sebastian<br>
|
||||
<br>
|
||||
Mit freundlichen Grüßen<br>
|
||||
Sebastian Kretz<br>
|
||||
Staatl. geprüfter Leiter für Popularmusik<br>
|
||||
Staatl. geprüfter Chorleiter<br>
|
||||
_______________________________________________<br>
|
||||
Wöhrdstraße 91<br>
|
||||
93059 Regensburg<br>
|
||||
Tel: 0175/9683522<br>
|
||||
www.KretzSebastian.de<br>
|
||||
www.FurchtbarSchee.de<br>
|
||||
www.myspace.com/SebastianKretz
|
||||
</div>
|
||||
</section>
|
||||
<section class="agent">
|
||||
<div class="info"><img src="img/mrflix.square.jpg" /></div>
|
||||
<div class="body">
|
||||
passt.<br>
|
||||
<br>
|
||||
was is jetz eigentlich aus dem poster worn?
|
||||
</div>
|
||||
</section>
|
||||
<section class="agent note">
|
||||
<div class="info"><img src="img/mrflix.square.jpg" /></div>
|
||||
<div class="body">
|
||||
Sebastian ist ziemlich nett.
|
||||
</div>
|
||||
</section>
|
||||
<section class="customer">
|
||||
<div class="info"><img src="img/sebastian.square.jpg" /></div>
|
||||
<div class="body">
|
||||
Hey,<br>
|
||||
ach ja stimmt.<br>
|
||||
<br>
|
||||
Also wir würden einfach das Bild von der Homepage mit Schriftzug nehmen und unten soll n Weißer Balken hin wo die Veranstalter dann selber ort und datum reinschreiben können.<br>
|
||||
<br>
|
||||
Mit dem "Fäuste-Foto" ist das ganze nicht möglich oder?<br>
|
||||
Würd bisl freundlicher wirken...wobei das andere auch cool ist..<br>
|
||||
<br>
|
||||
weist du was ich mein?<br>
|
||||
<br>
|
||||
gruß<br>
|
||||
basti<br>
|
||||
<br>
|
||||
Mit freundlichen Grüßen<br>
|
||||
Sebastian Kretz<br>
|
||||
Staatl. geprüfter Leiter für Popularmusik<br>
|
||||
Staatl. geprüfter Chorleiter<br>
|
||||
_______________________________________________<br>
|
||||
Wöhrdstraße 91<br>
|
||||
93059 Regensburg<br>
|
||||
Tel: 0175/9683522<br>
|
||||
www.KretzSebastian.de<br>
|
||||
www.FurchtbarSchee.de<br>
|
||||
www.myspace.com/SebastianKretz<br>
|
||||
<br>
|
||||
Am 03.06.2011 um 03:33 schrieb Felix Niklas:
|
||||
<blockquote>
|
||||
passt.<br>
|
||||
<br>
|
||||
was is jetz eigentlich aus dem poster worn?
|
||||
<blockquote>
|
||||
On Jun 3, 2011, at 2:13 AM, Sebastian Kretz wrote:<br>
|
||||
<br>
|
||||
heyho,<br>
|
||||
<br>
|
||||
mir sind noch 2 kleine dinge aufgefallen.<br>
|
||||
<br>
|
||||
könntest du beim Text bei der Bandvorstellung den Vornamen vor den Nachnamen stellen.<br>
|
||||
<br>
|
||||
also: Sebastian Kretz etc.....<br>
|
||||
<br>
|
||||
Und nach dem ";)" einen Absatz machen.<br>
|
||||
<br>
|
||||
mercy<br>
|
||||
<br>
|
||||
bis dann<br>
|
||||
gruß<br>
|
||||
sebastian<br>
|
||||
<br>
|
||||
Mit freundlichen Grüßen<br>
|
||||
Sebastian Kretz<br>
|
||||
Staatl. geprüfter Leiter für Popularmusik<br>
|
||||
Staatl. geprüfter Chorleiter<br>
|
||||
_______________________________________________<br>
|
||||
Wöhrdstraße 91<br>
|
||||
93059 Regensburg<br>
|
||||
Tel: 0175/9683522<br>
|
||||
www.KretzSebastian.de<br>
|
||||
www.FurchtbarSchee.de<br>
|
||||
www.myspace.com/SebastianKretz<br>
|
||||
</blockquote>
|
||||
</blockquote>
|
||||
</div>
|
||||
</section>
|
||||
<section class="agent">
|
||||
<div class="info"><img src="img/mrflix.square.jpg" /></div>
|
||||
<div class="body">
|
||||
das quadratisch ist bleibt und du unten eh platz für den veranstalter willst würds schon funktionieren.<br>
|
||||
stellst du's dir so in etwa vor?<br>
|
||||
<Furchtbarschee-Poster.jpg>
|
||||
</div>
|
||||
</section>
|
||||
<section class="customer">
|
||||
<div class="info"><img src="img/sebastian.square.jpg" /></div>
|
||||
<div class="body">
|
||||
dere,<br>
|
||||
finds cool aber glaub des andere schaut trotzdem besser aus.<br>
|
||||
<br>
|
||||
hau da einfach nen weißen balken drunter und gut ist ^^<br>
|
||||
<br>
|
||||
mercy<br>
|
||||
<br>
|
||||
bis dann<br>
|
||||
<br>
|
||||
Mit freundlichen Grüßen<br>
|
||||
Sebastian Kretz<br>
|
||||
Staatl. geprüfter Leiter für Popularmusik<br>
|
||||
Staatl. geprüfter Chorleiter<br>
|
||||
_______________________________________________<br>
|
||||
Wöhrdstraße 91<br>
|
||||
93059 Regensburg<br>
|
||||
Tel: 0175/9683522<br>
|
||||
www.KretzSebastian.de<br>
|
||||
www.FurchtbarSchee.de<br>
|
||||
www.myspace.com/SebastianKretz<br>
|
||||
<br>
|
||||
Am 03.06.2011 um 09:48 schrieb Felix Niklas:
|
||||
<blockquote>
|
||||
das quadratisch ist bleibt und du unten eh platz für den veranstalter willst würds schon funktionieren.<br>
|
||||
stellst du's dir so in etwa vor?<br>
|
||||
<br>
|
||||
<Furchtbarschee-Poster.jpg><br>
|
||||
<br>
|
||||
On Jun 3, 2011, at 9:27 AM, Sebastian Kretz wrote:
|
||||
<blockquote>
|
||||
Hey,<br>
|
||||
ach ja stimmt.<br>
|
||||
<br>
|
||||
Also wir würden einfach das Bild von der Homepage mit Schriftzug nehmen und unten soll n Weißer Balken hin wo die Veranstalter dann selber ort und datum reinschreiben können.<br>
|
||||
<br>
|
||||
Mit dem "Fäuste-Foto" ist das ganze nicht möglich oder?<br>
|
||||
Würd bisl freundlicher wirken...wobei das andere auch cool ist..<br>
|
||||
<br>
|
||||
weist du was ich mein?<br>
|
||||
<br>
|
||||
gruß<br>
|
||||
basti<br>
|
||||
<br>
|
||||
Mit freundlichen Grüßen<br>
|
||||
Sebastian Kretz<br>
|
||||
Staatl. geprüfter Leiter für Popularmusik<br>
|
||||
Staatl. geprüfter Chorleiter<br>
|
||||
_______________________________________________<br>
|
||||
Wöhrdstraße 91<br>
|
||||
93059 Regensburg<br>
|
||||
Tel: 0175/9683522<br>
|
||||
www.KretzSebastian.de<br>
|
||||
www.FurchtbarSchee.de<br>
|
||||
www.myspace.com/SebastianKretz<br>
|
||||
<br>
|
||||
Am 03.06.2011 um 03:33 schrieb Felix Niklas:
|
||||
<blockquote>
|
||||
passt.<br>
|
||||
<br>
|
||||
was is jetz eigentlich aus dem poster worn?<br>
|
||||
<br>
|
||||
On Jun 3, 2011, at 2:13 AM, Sebastian Kretz wrote:
|
||||
<blockquote>
|
||||
heyho,<br>
|
||||
<br>
|
||||
mir sind noch 2 kleine dinge aufgefallen.<br>
|
||||
<br>
|
||||
könntest du beim Text bei der Bandvorstellung den Vornamen vor den Nachnamen stellen.<br>
|
||||
<br>
|
||||
also: Sebastian Kretz etc.....<br>
|
||||
<br>
|
||||
Und nach dem ";)" einen Absatz machen.<br>
|
||||
<br>
|
||||
mercy<br>
|
||||
<br>
|
||||
bis dann<br>
|
||||
gruß<br>
|
||||
sebastian<br>
|
||||
<br>
|
||||
Mit freundlichen Grüßen<br>
|
||||
Sebastian Kretz<br>
|
||||
Staatl. geprüfter Leiter für Popularmusik<br>
|
||||
Staatl. geprüfter Chorleiter<br>
|
||||
_______________________________________________<br>
|
||||
Wöhrdstraße 91<br>
|
||||
93059 Regensburg<br>
|
||||
Tel: 0175/9683522<br>
|
||||
www.KretzSebastian.de<br>
|
||||
www.FurchtbarSchee.de<br>
|
||||
www.myspace.com/SebastianKretz<br>
|
||||
</blockquote></blockquote></blockquote></blockquote>
|
||||
</div>
|
||||
</section>
|
||||
<section class="agent">
|
||||
<div class="info"><img src="img/mrflix.square.jpg" /></div>
|
||||
<div class="body">
|
||||
<Furchtbarschee-Poster-blau.jpg>
|
||||
Seitenverhältnis-Problem. Ganzes Plakat in Querformat oder das Muster bis nach oben verlängern?
|
||||
</div>
|
||||
</section>
|
||||
<section class="customer">
|
||||
<div class="info"><img src="img/sebastian.square.jpg" /></div>
|
||||
<div class="body">
|
||||
glaub querformat is gschissen bei plakaten.<br>
|
||||
hab zumindest noch nie eins gesehen.<br>
|
||||
<br>
|
||||
<br>
|
||||
Mit freundlichen Grüßen<br>
|
||||
Sebastian Kretz<br>
|
||||
Staatl. geprüfter Leiter für Popularmusik<br>
|
||||
Staatl. geprüfter Chorleiter<br>
|
||||
_______________________________________________<br>
|
||||
Wöhrdstraße 91<br>
|
||||
93059 Regensburg<br>
|
||||
Tel: 0175/9683522<br>
|
||||
www.KretzSebastian.de<br>
|
||||
www.FurchtbarSchee.de<br>
|
||||
www.myspace.com/SebastianKretz<br>
|
||||
<br>
|
||||
Am 03.06.2011 um 18:08 schrieb Felix Niklas:
|
||||
<blockquote>
|
||||
<Furchtbarschee-Poster-blau.jpg><br>
|
||||
Seitenverhältnis-Problem. Ganzes Plakat in Querformat oder das Muster bis nach oben verlängern?<br>
|
||||
<br>
|
||||
<br>
|
||||
On Jun 3, 2011, at 5:58 PM, Sebastian Kretz wrote:
|
||||
<blockquote>
|
||||
dere,<br>
|
||||
finds cool aber glaub des andere schaut trotzdem besser aus.<br>
|
||||
<br>
|
||||
hau da einfach nen weißen balken drunter und gut ist ^^<br>
|
||||
<br>
|
||||
mercy<br>
|
||||
<br>
|
||||
bis dann<br>
|
||||
<br>
|
||||
Mit freundlichen Grüßen<br>
|
||||
Sebastian Kretz<br>
|
||||
Staatl. geprüfter Leiter für Popularmusik<br>
|
||||
Staatl. geprüfter Chorleiter<br>
|
||||
_______________________________________________<br>
|
||||
Wöhrdstraße 91<br>
|
||||
93059 Regensburg<br>
|
||||
Tel: 0175/9683522<br>
|
||||
www.KretzSebastian.de<br>
|
||||
www.FurchtbarSchee.de<br>
|
||||
www.myspace.com/SebastianKretz<br>
|
||||
<br>
|
||||
Am 03.06.2011 um 09:48 schrieb Felix Niklas:
|
||||
<blockquote>
|
||||
das quadratisch ist bleibt und du unten eh platz für den veranstalter willst würds schon funktionieren.<br>
|
||||
stellst du's dir so in etwa vor?<br>
|
||||
<br>
|
||||
<Furchtbarschee-Poster.jpg>
|
||||
<br>
|
||||
On Jun 3, 2011, at 9:27 AM, Sebastian Kretz wrote:
|
||||
<blockquote>
|
||||
Hey,<br>
|
||||
ach ja stimmt.<br>
|
||||
<br>
|
||||
Also wir würden einfach das Bild von der Homepage mit Schriftzug nehmen und unten soll n Weißer Balken hin wo die Veranstalter dann selber ort und datum reinschreiben können.<br>
|
||||
<br>
|
||||
Mit dem "Fäuste-Foto" ist das ganze nicht möglich oder?<br>
|
||||
Würd bisl freundlicher wirken...wobei das andere auch cool ist..<br>
|
||||
<br>
|
||||
weist du was ich mein?<br>
|
||||
<br>
|
||||
gruß<br>
|
||||
basti<br>
|
||||
<br>
|
||||
Mit freundlichen Grüßen<br>
|
||||
Sebastian Kretz<br>
|
||||
Staatl. geprüfter Leiter für Popularmusik<br>
|
||||
Staatl. geprüfter Chorleiter<br>
|
||||
_______________________________________________<br>
|
||||
Wöhrdstraße 91<br>
|
||||
93059 Regensburg<br>
|
||||
Tel: 0175/9683522<br>
|
||||
www.KretzSebastian.de<br>
|
||||
www.FurchtbarSchee.de<br>
|
||||
www.myspace.com/SebastianKretz<br>
|
||||
<br>
|
||||
Am 03.06.2011 um 03:33 schrieb Felix Niklas:
|
||||
<blockquote>
|
||||
passt.<br>
|
||||
<br>
|
||||
was is jetz eigentlich aus dem poster worn?<br>
|
||||
<br>
|
||||
On Jun 3, 2011, at 2:13 AM, Sebastian Kretz wrote:
|
||||
<blockquote>
|
||||
heyho,<br>
|
||||
<br>
|
||||
mir sind noch 2 kleine dinge aufgefallen.<br>
|
||||
<br>
|
||||
könntest du beim Text bei der Bandvorstellung den Vornamen vor den Nachnamen stellen.<br>
|
||||
<br>
|
||||
also: Sebastian Kretz etc.....<br>
|
||||
<br>
|
||||
Und nach dem ";)" einen Absatz machen.<br>
|
||||
<br>
|
||||
mercy<br>
|
||||
<br>
|
||||
bis dann<br>
|
||||
gruß<br>
|
||||
sebastian<br>
|
||||
<br>
|
||||
Mit freundlichen Grüßen<br>
|
||||
Sebastian Kretz<br>
|
||||
Staatl. geprüfter Leiter für Popularmusik<br>
|
||||
Staatl. geprüfter Chorleiter<br>
|
||||
_______________________________________________<br>
|
||||
Wöhrdstraße 91<br>
|
||||
93059 Regensburg<br>
|
||||
Tel: 0175/9683522<br>
|
||||
www.KretzSebastian.de<br>
|
||||
www.FurchtbarSchee.de<br>
|
||||
www.myspace.com/SebastianKretz
|
||||
</blockquote></blockquote></blockquote></blockquote></blockquote></blockquote>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue