ale/aiexperiments-ai-duet
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

removing about page, privacy and terms, and external links

Browse Source
This commit is contained in:
harmse 2018-10-23 12:02:06 -04:00
parent cb21cce287
commit cb63c392ae
3 changed files with 57 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
static/src/Main.js
View File

@ -25,37 +25,37 @@ import 'babel-polyfill'
import IdleTimeout from 'idle-timeout'
/////////////// SPLASH ///////////////////
const about = new About(document.body)
// const about = new About(document.body)
const splash = new Splash(document.body)
splash.on('click', () => {
keyboard.activate()
tutorial.start()
about.showButton()
})
splash.on('about', () => {
about.open(true)
})
about.on('close', () => {
if (!splash.loaded || splash.isOpen()){
splash.show()
keyboard._active = true
} else {
keyboard.activate()
}
})
about.on('open', () => {
keyboard.deactivate()
if (splash.isOpen()){
splash.hide()
}
// about.showButton()
})
// splash.on('about', () => {
// about.open(true)
// })
// about.on('close', () => {
// if (!splash.loaded || splash.isOpen()){
// splash.show()
// keyboard._active = true
// } else {
//
// keyboard.activate()
// }
// })
// about.on('open', () => {
// keyboard.deactivate()
// if (splash.isOpen()){
// splash.hide()
// }
// })
//////////////// IDLE TIMER ///////////////
const idleTimeout = new IdleTimeout(
() => {
keyboard.deactivate();
about.close();
// about.close();
splash.show();
keyboard._active = true;
},

31
static/src/interface/Splash.js
View File

@ -60,16 +60,16 @@ class Splash extends events.EventEmitter{
germanHowItWorks.id = 'germanHowItWorks'
titleContainer.appendChild(germanHowItWorks)
titleContainer.appendChild(howItWorks)
howItWorks.innerHTML = 'This experiment lets you play a duet with the computer.<br>Just play some notes, and the computer will respond to your melody.'
germanHowItWorks.innerHTML = 'In diesem Experiment kannst du ein Duett mit dem Computer spielen.<br>Spiele einfach ein paar Noten und der Computer reagiert auf deine Melodie.'
howItWorks.innerHTML = 'This experiment lets you play a duet with a computer using machine learning.<br>Just play some notes and the computer will respond to your melody.<br>Over time, the system learns about the relationships<br>between notes and timing to play better duets.'
germanHowItWorks.innerHTML = 'Mithilfe von maschinellem Lernen kannst du bei diesem Projekt<br>mit dem Computer im Duett spielen. Wenn du eine Melodie anstimmst,<br>wird der Algorithmus auf diese Noten reagieren. Im Laufe der Zeit erlernt<br>das System Bezüge zwischen Noten und Takten und verbessert sein Ergebnisse.'
const aboutPageLink = document.createElement('div')
aboutPageLink.id = 'aboutPageLink'
titleContainer.appendChild(aboutPageLink)
aboutPageLink.textContent = 'How it works'
aboutPageLink.addEventListener('click', () => {
this.emit('about')
})
// const aboutPageLink = document.createElement('div')
// aboutPageLink.id = 'aboutPageLink'
// titleContainer.appendChild(aboutPageLink)
// aboutPageLink.textContent = 'How it works'
// aboutPageLink.addEventListener('click', () => {
// this.emit('about')
// })
const badges = document.createElement('div')
badges.id = 'badges'
@ -77,7 +77,7 @@ class Splash extends events.EventEmitter{
const aiExperiments = document.createElement('a')
aiExperiments.id = 'aiExperiments'
aiExperiments.href = 'https://aiexperiments.withgoogle.com'
// aiExperiments.href = 'https://aiexperiments.withgoogle.com'
aiExperiments.target = '_blank'
aiExperiments.classList.add('badge')
badges.appendChild(aiExperiments)
@ -98,7 +98,7 @@ class Splash extends events.EventEmitter{
badges.appendChild(break1)
const magenta = document.createElement('a')
magenta.href = 'https://magenta.tensorflow.org/'
// magenta.href = 'https://magenta.tensorflow.org/'
magenta.target = '_blank'
magenta.id = 'magentaLink'
magenta.classList.add('badge')
@ -106,10 +106,11 @@ class Splash extends events.EventEmitter{
magenta.innerHTML = imgHtml + '<div id="text">Built using <span>Magenta</span></div>'
badges.appendChild(magenta)
const privacyAndTerms = document.createElement('div')
privacyAndTerms.id = 'privacyAndTerms'
privacyAndTerms.innerHTML = '<a target="_blank" href="https://www.google.com/intl/en/policies/privacy/">Privacy</a><span>&</span><a target="_blank" href="https://www.google.com/intl/en/policies/terms/">Terms</a>'
splash.appendChild(privacyAndTerms)
// const privacyAndTerms = document.createElement('div')
// privacyAndTerms.id = 'privacyAndTerms'
// // privacyAndTerms.innerHTML = '<a target="_blank" href="https://www.google.com/intl/en/policies/privacy/">Privacy</a><span>&</span><a target="_blank" href="https://www.google.com/intl/en/policies/terms/">Terms</a>'
// privacyAndTerms.innerHTML = '<a target="_blank">Privacy</a><span>&</span><a target="_blank">Terms</a>'
// splash.appendChild(privacyAndTerms)
}

40
static/style/splash.css
View File

@ -271,12 +271,12 @@ $topMargin: 35px;
#aiExperiments {
background-image: url(../images/badgeAI_master.svg);
&:hover {
opacity: 1;
&:active {
opacity: 0.3;
}
}
/*&:hover {*/
/*opacity: 1;*/
/*&:active {*/
/*opacity: 0.3;*/
/*}*/
/*}*/
}
#googleFriends {
@ -293,9 +293,9 @@ $topMargin: 35px;
margin-right: 0px;
color: white;
&:hover {
opacity: 1;
}
/*&:hover {*/
/*opacity: 1;*/
/*}*/
@media (max-width: $smallScreen) {
font-size: 7px;
@ -338,10 +338,10 @@ $topMargin: 35px;
span {
color: $orange;
text-decoration: underline;
cursor: pointer;
&:hover:active {
color: white;
}
/*cursor: pointer;*/
/*&:hover:active {*/
/*color: white;*/
/*}*/
}
}
@ -400,15 +400,15 @@ $topMargin: 35px;
a {
text-decoration: none;
cursor: pointer;
/*cursor: pointer;*/
&:hover {
opacity: 1;
/*&:hover {*/
/*opacity: 1;*/
&:active {
opacity: 0.3;
}
}
/*&:active {*/
/*opacity: 0.3;*/
/*}*/
/*}*/
}
}
}