update website

will-stone · Jun 24, 2017 · a213764 · a213764
1 parent a887b74
commit a213764
Show file tree

Hide file tree

Showing 18 changed files with 42 additions and 145 deletions.
diff --git a/README.md b/README.md
@@ -1,11 +1,15 @@
-# SpotSpot
+# Browserosaurus
 
 ## Development
 
-`git clone git@github.com:will-stone/SpotSpot.git`
+`git clone git@github.com:will-stone/browserosaurus.git`
 
-`cd spotspot`
+`cd browserosaurus`
 
 `yarn`
 
 `yarn start`
+
+### Make icon.icns
+
+To build an icns file from `src/images/icon/icon.png`, simply run `yarn icns`.
diff --git a/docs/favicons/android-chrome-192x192.png b/docs/favicons/android-chrome-192x192.png
diff --git a/docs/favicons/android-chrome-512x512.png b/docs/favicons/android-chrome-512x512.png
diff --git a/docs/favicons/apple-touch-icon.png b/docs/favicons/apple-touch-icon.png
diff --git a/docs/favicons/browserconfig.xml b/docs/favicons/browserconfig.xml
@@ -2,8 +2,8 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="favicons/mstile-150x150.png?v=qAq7b2eXe9"/>
-            <TileColor>#da532c</TileColor>
+            <square150x150logo src="favicons/mstile-150x150.png?v=dLBNxlb2zb"/>
+            <TileColor>#00aba9</TileColor>
         </tile>
     </msapplication>
 </browserconfig>
diff --git a/docs/favicons/favicon-16x16.png b/docs/favicons/favicon-16x16.png
diff --git a/docs/favicons/favicon-32x32.png b/docs/favicons/favicon-32x32.png
diff --git a/docs/favicons/favicon.ico b/docs/favicons/favicon.ico
diff --git a/docs/favicons/manifest.json b/docs/favicons/manifest.json
@@ -1,13 +1,13 @@
 {
-    "name": "SpotSpot",
+    "name": "Browserosaurus",
     "icons": [
         {
-            "src": "favicons/android-chrome-192x192.png?v=qAq7b2eXe9",
+            "src": "favicons/android-chrome-192x192.png?v=dLBNxlb2zb",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "favicons/android-chrome-512x512.png?v=qAq7b2eXe9",
+            "src": "favicons/android-chrome-512x512.png?v=dLBNxlb2zb",
             "sizes": "512x512",
             "type": "image/png"
         }

diff --git a/docs/favicons/mstile-150x150.png b/docs/favicons/mstile-150x150.png
diff --git a/docs/favicons/safari-pinned-tab.svg b/docs/favicons/safari-pinned-tab.svg
diff --git a/docs/icon.png b/docs/icon.png
diff --git a/docs/index.html b/docs/index.html
@@ -4,59 +4,58 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>SpotSpot</title>
+  <title>Browserosaurus</title>
 
   <link href="https://fonts.googleapis.com/css?family=Passion+One" rel="stylesheet">
   <link rel="stylesheet" href="minireset.css">
   <link rel="stylesheet" href="style.css">
 
-  <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png?v=qAq7b2eXe9">
-  <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png?v=qAq7b2eXe9">
-  <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png?v=qAq7b2eXe9">
-  <link rel="manifest" href="favicons/manifest.json?v=qAq7b2eXe9">
-  <link rel="mask-icon" href="favicons/safari-pinned-tab.svg?v=qAq7b2eXe9" color="#191917">
-  <link rel="shortcut icon" href="favicons/favicon.ico?v=qAq7b2eXe9">
-  <meta name="apple-mobile-web-app-title" content="SpotSpot">
-  <meta name="application-name" content="SpotSpot">
-  <meta name="msapplication-config" content="favicons/browserconfig.xml?v=qAq7b2eXe9">
-  <meta name="theme-color" content="#191917">
+  <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png?v=dLBNxlb2zb">
+  <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png?v=dLBNxlb2zb">
+  <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png?v=dLBNxlb2zb">
+  <link rel="manifest" href="favicons/manifest.json?v=dLBNxlb2zb">
+  <link rel="mask-icon" href="favicons/safari-pinned-tab.svg?v=dLBNxlb2zb" color="#238732">
+  <link rel="shortcut icon" href="favicons/favicon.ico?v=dLBNxlb2zb">
+  <meta name="apple-mobile-web-app-title" content="Browserosaurus">
+  <meta name="application-name" content="Browserosaurus">
+  <meta name="msapplication-config" content="favicons/browserconfig.xml?v=dLBNxlb2zb">
+  <meta name="theme-color" content="#ffffff">
+
 </head>
 
 <body>
   <div class="wrapper">
 
     <img src="icon.png" alt="" class="logo" />
 
-    <h1>SpotSpot</h1>
+    <h1>Browserosaurus</h1>
 
-    <h2>Spotify mini-player for macOS</h2>
+    <h2>The browser prompter</h2>
 
     <div class="screenshots">
       <img src="screenshot.png" alt="" class="screenshot" />
       <img src="screenshotWithControls.png" alt="" class="screenshot" />
     </div>
 
     <div class="links">
-      <a class="button" href="https://github.com/will-stone/SpotSpot/releases/download/v1.0.0/spotspot.app.zip">Download v1.0.0</a>
-      <a class="button" href="https://github.com/will-stone/SpotSpot">Source</a>
+      <a class="button" href="https://github.com/will-stone/browserosaurus/releases/download/v1.0.0/browserosaurus.app.zip">Download v1.0.0</a>
+      <a class="button" href="https://github.com/will-stone/browserosaurus">Source</a>
     </div>
 
     <p>
-      SpotSpot is an open-source (MIT license), always on-top, mini-player for controlling
-      Spotify in macOS. It is an Electron-based app, and utilises André Haveman's
-      excellent <a href="https://github.com/andrehaveman/spotify-node-applescript">Spotify-Node-Applescript</a>      package.
+      Blah blah blah
     </p>
 
     <p>
       Created by <a href="http://wstone.io/">Will Stone</a>
     </p>
 
     <p class="disclaimer">
-      SpotSpot is not affiliated with Apple, Spotify or Muse and these are the trademarks
-      of the respective parties.
+      Browserosaurus is not affiliated with Apple, Google, or Mozilla and these are the
+      trademarks of the respective parties.
     </p>
 
   </div>
 </body>
 
-</html>
+</html>
diff --git a/docs/style.css b/docs/style.css
@@ -2,7 +2,7 @@ body {
   padding: 2rem;
   text-align: center;
   color: #f1f1f1;
-  background-color: #222220;
+  background-color: #012423;
   font-family: Helvetica, sans-serif;
   font-size: 18px;
   line-height: 1.6;
@@ -17,7 +17,7 @@ p {
 }
 
 a {
-  color: #2fd566;
+  color: #10813f;
 }
 
 .wrapper {
@@ -27,10 +27,8 @@ a {
 
 .logo {
   display: block;
-  width: 100px;
+  width: 150px;
   margin: 0 auto 1rem auto;
-  border-radius: 50%;
-  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
 }
 
 h1 {
@@ -55,7 +53,7 @@ h2 {
   width: 300px;
   margin: 0 auto 1rem auto;
   border-radius: 5px;
-  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
 }
 
 .links {
@@ -69,7 +67,7 @@ h2 {
   margin-left: 1rem;
   padding: 7px 12px;
   text-decoration: none;
-  color: #2fd566;
+  color: #10813f;
   border: 1px solid #ffffff;
   border-radius: 20px;
   background: transparent;
@@ -78,8 +76,8 @@ h2 {
 
 .button:hover,
 .button:active {
-  color: #2fd566;
-  border-color: #2fd566;
+  color: #10813f;
+  border-color: #10813f;
 }
 
 .disclaimer {

diff --git a/package.json b/package.json
@@ -34,9 +34,7 @@
   "dependencies": {
     "electron-compile": "^6.4.1",
     "minireset.css": "^0.0.3",
-    "opn": "^5.1.0",
-    "spotify-node-applescript": "^1.1.0",
-    "textfit": "^2.3.1"
+    "opn": "^5.1.0"
   },
   "config": {
     "forge": {

diff --git a/src/images/icon/icon.afdesign b/src/images/icon/icon.afdesign
diff --git a/src/main.js b/src/main.js
@@ -50,7 +50,7 @@ function createMainWindow() {
   // tray.setContextMenu(contextMenu)
 
   // Open the DevTools.
-  // if (process.env.SPOTSPOT_ENV === 'DEV') {
+  // if (process.env.ENV === 'DEV') {
   // mainWindow.webContents.openDevTools({ mode: 'detach' })
   // }
 

diff --git a/src/renderer.js b/src/renderer.js
@@ -3,9 +3,6 @@ const opn = require('opn')
 const currentWindow = electron.remote.getCurrentWindow()
 let url = null
 
-// URL Text
-// const urlText = document.getElementById('url')
-
 // Utils
 
 const openBrowser = appName =>
@@ -30,103 +27,4 @@ safari.addEventListener('click', () => openBrowser('safari'))
 // Listen for URL
 electron.ipcRenderer.on('incomingURL', function(event, message) {
   url = message
-  // console.log(url)
-  // urlText.innerText = url
 })
-
-// // This file is required by the index.html file and will
-// // be executed in the renderer process for that window.
-// // All of the Node.js APIs are available in this process.
-
-// const electron = require('electron')
-// const spotify = require('spotify-node-applescript')
-// const textFit = require('textFit')
-
-// // Controls
-// const previous = document.getElementById('js-previous')
-// const playPause = document.getElementById('js-playPause')
-// const playPauseIcon = document.getElementById('js-playPauseIcon')
-// const next = document.getElementById('js-next')
-// const openSpotify = document.getElementById('js-open-spotify')
-
-// // Components
-// const art = document.getElementById('js-art')
-// const trackArtist = document.getElementById('js-trackArtist')
-// const trackName = document.getElementById('js-trackName')
-
-// /**
-//  * Update UI with album art, artist, and track info
-//  */
-// const setTrackDetails = () =>
-//   spotify.getTrack((err, track) => {
-//     if (track) {
-//       // Album art
-//       art.style.backgroundImage = `url(${track.artwork_url})`
-//       // Artist
-//       trackArtist.innerText = track.artist
-//       // Title
-//       trackName.innerText = track.name
-
-//       // Fit text to boxes
-//       textFit(document.getElementsByClassName('detail'), {
-//         multiLine: true,
-//         minFontSize: 8,
-//         maxFontSize: 14
-//       })
-//     } else {
-//       populateDetails() // this catches a bug in the notification listener when closing Spotify
-//     }
-//   })
-
-// /**
-//  * Update UI play / pause icon based on current player state
-//  */
-// const setState = () =>
-//   spotify.getState((err, state) => {
-//     if (state) {
-//       switch (state.state) {
-//         case 'playing':
-//           playPauseIcon.classList.remove('icon-play')
-//           playPauseIcon.classList.add('icon-pause')
-//           document.body.classList.remove('is-paused')
-//           break
-//         case 'paused':
-//           playPauseIcon.classList.remove('icon-pause')
-//           playPauseIcon.classList.add('icon-play')
-//           document.body.classList.add('is-paused')
-//           break
-//         default:
-//           break
-//       }
-//     }
-//   })
-
-// /**
-//  * Populate the details for the UI. (the loader script)
-//  */
-// const populateDetails = () => {
-//   spotify.isRunning((err, isRunning) => {
-//     if (isRunning) {
-//       document.body.classList.remove('spotify-not-open')
-//       setTrackDetails()
-//       setState()
-//     } else {
-//       document.body.classList.add('spotify-not-open')
-//     }
-//   })
-// }
-
-// // Load...
-// populateDetails()
-
-// // Listen for track/status changes and update
-// electron.ipcRenderer.on('notification', function(event, message) {
-//   populateDetails()
-// })
-
-// // Bind actions to controls
-// previous.addEventListener('click', () => spotify.previous())
-// playPause.addEventListener('click', () => spotify.playPause())
-// next.addEventListener('click', () => spotify.next())
-
-// openSpotify.addEventListener('click', () => spotify.playPause())