Skip to content

Commit

Permalink
Mitchell's wijzigingen doorgevoerd voor "alle" trial klanten
Browse files Browse the repository at this point in the history
  • Loading branch information
@MJonker
MJonker committed Mar 1, 2018
1 parent 88e669a commit e4cde02
Show file tree
Hide file tree
Showing 16 changed files with 342 additions and 1,705 deletions.
20 changes: 20 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
# Introduction
TODO: Give a short introduction of your project. Let this section explain the objectives or the motivation behind this project.

# Getting Started
TODO: Guide users through getting your code up and running on their own system. In this section you can talk about:
1. Installation process
2. Software dependencies
3. Latest releases
4. API references

# Build and Test
TODO: Describe and show how to build your code and run the tests.

# Contribute
TODO: Explain how other users and developers can contribute to make your code better.

If you want to learn more about creating good readme files then refer the following [guidelines](https://www.visualstudio.com/en-us/docs/git/create-a-readme). You can also seek inspiration from the below readme files:
- [ASP.NET Core](https://github.com/aspnet/Home)
- [Visual Studio Code](https://github.com/Microsoft/vscode)
- [Chakra Core](https://github.com/Microsoft/ChakraCore)
49 changes: 31 additions & 18 deletions abnamrotrial.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,31 +4,44 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<script type = "application/javascript" src="scripts/smalltalkabnamro.js"></script>
<script type = "application/javascript" src="scripts/smalltalk.js"></script>
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<link rel="stylesheet" href="css/style.css"></link>
<title>Nederlandstalige Chat</title>
</head>

<body onload='loadJSON()' >
<header>
<!-- Vergeet niet de wavy.png aan te passen -->
<img class="wavy" id="wavy" src="img/avatar1.png" alt="Baas's avatar">
<div class="botname">
<h2>Baas</h2>
<span>Smalltalk</span>
</div>
</header>
<main>
<div id="conversation"></div>
<div><input type="hidden" id="conversation_context" /></div>
</main>
<footer>
<div class="bottom">
<input type="text" id="input" onkeypress="process(event, this)"/>
<button class="askbutton" type="button" onclick="loadJSON()">Vraag</button>

<div class="whitelayer">
<div class="wrap">

<header>
<!-- Vergeet niet de wavy.png aan te passen -->
<img class="wavy" id="wavy" src="img/avatar1.png" alt="Baas's avatar">
<div class="botname">
<h2>BaaS</h2>
<span>Beschikbaar</span>
</div>
</header>
<main>
<div id="conversation"></div>
<div><input type="hidden" id="conversation_context" />
<input type="hidden" id="endpoint" value="https://openwhisk.eu-gb.bluemix.net/api/v1/web/e-office_Baas%20Production/baas/abnamrotrial.json"/>
</div>
</main>
<footer>
<div class="bottom">
<input type="text" id="input" onkeypress="process(event, this)"/>
<button class="askbutton" type="button" onclick="loadJSON()">Stuur</button>
</div>
</footer>

</div>
</footer>
<a href="https://www.e-office.com/oplossingen/bots-as-a-service/" id="backButton">OVER <span>BAAS</span></a>
<h1 id="logoOrange">
<a href="https://www.e-office.com/">Logo</a>
</h1>
</div>

</body>
</html>
47 changes: 30 additions & 17 deletions chatbot.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,24 +11,37 @@
</head>

<body onload='loadJSON()' >
<header>
<!-- Vergeet niet de wavy.png aan te passen -->
<img class="wavy" id="wavy" src="img/avatar1.png" alt="Baas's avatar">
<div class="botname">
<h2>Baas</h2>
<span>Smalltalk</span>
</div>
</header>
<main>
<div id="conversation"></div>
<div><input type="hidden" id="conversation_context" /></div>
</main>
<footer>
<div class="bottom">
<input type="text" id="input" onkeypress="process(event, this)"/>
<button class="askbutton" type="button" onclick="loadJSON()">Vraag</button>

<div class="whitelayer">
<div class="wrap">

<header>
<!-- Vergeet niet de wavy.png aan te passen -->
<img class="wavy" id="wavy" src="img/avatar1.png" alt="Baas's avatar">
<div class="botname">
<h2>BaaS</h2>
<span>Beschikbaar</span>
</div>
</header>
<main>
<div id="conversation"></div>
<div><input type="hidden" id="conversation_context" />
<input type="hidden" id="endpoint" value="https://openwhisk.ng.bluemix.net/api/v1/web/e-office_development/default/talksmall.json"/>
</div>
</main>
<footer>
<div class="bottom">
<input type="text" id="input" onkeypress="process(event, this)"/>
<button class="askbutton" type="button" onclick="loadJSON()">Stuur</button>
</div>
</footer>

</div>
</footer>
<a href="https://www.e-office.com/oplossingen/bots-as-a-service/" id="backButton">OVER <span>BAAS</span></a>
<h1 id="logoOrange">
<a href="https://www.e-office.com/">Logo</a>
</h1>
</div>

</body>
</html>
47 changes: 30 additions & 17 deletions chatbotcors.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,24 +11,37 @@
</head>

<body onload='loadJSON()' >
<header>
<!-- Vergeet niet de wavy.png aan te passen -->
<img class="wavy" id="wavy" src="img/avatar1.png" alt="Baas's avatar">
<div class="botname">
<h2>Baas</h2>
<span>Smalltalk CORS</span>
</div>
</header>
<main>
<div id="conversation"></div>
<div><input type="hidden" id="conversation_context" /></div>
</main>
<footer>
<div class="bottom">
<input type="text" id="input" onkeypress="process(event, this)"/>
<button class="askbutton" type="button" onclick="loadJSON()">Vraag</button>

<div class="whitelayer">
<div class="wrap">

<header>
<!-- Vergeet niet de wavy.png aan te passen -->
<img class="wavy" id="wavy" src="img/avatar1.png" alt="Baas's avatar">
<div class="botname">
<h2>BaaS</h2>
<span>Beschikbaar</span>
</div>
</header>
<main>
<div id="conversation"></div>
<div><input type="hidden" id="conversation_context" />
<input type="hidden" id="endpoint" value="https://openwhisk.eu-gb.bluemix.net/api/v1/web/MJonker_uk-dev/baas/corsmiddleman.http"/>
</div>
</main>
<footer>
<div class="bottom">
<input type="text" id="input" onkeypress="process(event, this)"/>
<button class="askbutton" type="button" onclick="loadJSON()">Stuur</button>
</div>
</footer>

</div>
</footer>
<a href="https://www.e-office.com/oplossingen/bots-as-a-service/" id="backButton">OVER <span>BAAS</span></a>
<h1 id="logoOrange">
<a href="https://www.e-office.com/">Logo</a>
</h1>
</div>

</body>
</html>
116 changes: 106 additions & 10 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,26 @@ html {
body {
font-family: Roboto;
height: 100%;
padding-bottom: calc(67px + .2em);
/* padding-bottom: calc(67px + .2em); */
background:#fff url(../img/background.jpg);
background-size:cover;
overflow:hidden;
}
.whitelayer {
background:rgba(255,255,255, .6);
width:100%;
height:100%;
overflow:hidden;
}
.wrap {
display:block;
width:100%;
height:100%;
border-radius:5px;
overflow:hidden;
margin:10% auto;
margin-top:0;
position:relative;
}
header {
display:block;
Expand All @@ -21,29 +40,69 @@ header {
background:#15822F;
background:#2B9A44;
padding:.5em;
text-align:center;
}
main {
padding-bottom: 41px;
/* padding-bottom: 41px; */
overflow-y: scroll;
height: 100%;
background:#fff;
height: calc(100% - 108px);
}
#backButton {
position:relative;
background:#F29108;
display:block;
color:#fff;
padding: .6em 1.2em;
z-index:999;
border-radius: 0 0 5px 5px;
margin: -10% auto 0;
width:140px;
text-decoration: none;
text-align:center;
}
#backButton span {
font-weight:bold;
}
#logoOrange a {
display:block;
width:100%;
height:100%;
}
#logoOrange {
bottom:0;
top:10%;
right:auto;
margin:auto;
position:relative;
background:url(../img/logo.png)no-repeat center;
background-size:contain;
text-indent:-9999em;
width:200px;
height:100px;
}

.botname {
color:#fff;
height:51px;
display:inline-block;
vertical-align: middle;
padding: 0.5em;
line-height: 1em;
text-align:left;
}
.botname h2{
font-size:1em;
}
.botname span{
font-size:.666em;
}

.wavy {
float:left;
height:51px;
display:inline-block;
vertical-align: middle;
filter: drop-shadow(0px 0px 4px #0a3e17);
}
.conversationQuestion {
color: #F00;
Expand Down Expand Up @@ -87,6 +146,7 @@ div[id^="r"] {
display:inline-block;
vertical-align:middle;
padding:.2em .5em;
border:0;
}

button {
Expand All @@ -109,9 +169,11 @@ button {
margin:0;
margin-left:-4px;
width:64px;
height:40px;
height:41px;
display:inline-block;
vertical-align:middle;
background-color: #fff;
color: #999;
}

#button-yes {
Expand All @@ -135,12 +197,13 @@ button {
}

footer {
}
.bottom {
width:100%;
position: absolute;
bottom:0;
}
.bottom {
height:40px;
}

/*========== Mobile First Method ==========*/

Expand All @@ -151,17 +214,50 @@ footer {

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

.wrap {
display: block;
width: 480px;
height: 480px;
border-radius: 5px;
overflow: hidden;
margin: 10% auto;
position: relative;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

.wrap {
left:-5%;
}
#backButton {
position: absolute;
left: 0;
top: 32%;
background: #F29108;
color: #fff;
padding: .5em 1em;
transform: rotate(90deg);
transform-origin: left bottom;
margin-top: -37px;
z-index: 999;
border-radius: 5px 5px 0 0;
}
#logoOrange {
left:-5%;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

#logoOrange {
position:absolute;
right:10%;
left:auto;
top:35%;
bottom:auto;
/* background:#F29108; */
}
}

/* Large Devices, Wide Screens */
Expand Down
Loading

0 comments on commit e4cde02

Please sign in to comment.