mirror of https://github.com/nealey/foneworx.git
Shipping this
This commit is contained in:
commit
be5362136f
|
|
@ -0,0 +1,26 @@
|
||||||
|
# This file specifies files that are *not* uploaded to Google Cloud Platform
|
||||||
|
# using gcloud. It follows the same syntax as .gitignore, with the addition of
|
||||||
|
# "#!include" directives (which insert the entries of the given .gitignore-style
|
||||||
|
# file at that point).
|
||||||
|
#
|
||||||
|
# For more information, run:
|
||||||
|
# $ gcloud topic gcloudignore
|
||||||
|
#
|
||||||
|
fetch-static.sh
|
||||||
|
.gcloudignore
|
||||||
|
# If you would like to upload your .git directory, .gitignore file or files
|
||||||
|
# from your .gitignore file, remove the corresponding line
|
||||||
|
# below:
|
||||||
|
.git
|
||||||
|
.gitignore
|
||||||
|
|
||||||
|
# Binaries for programs and plugins
|
||||||
|
*.exe
|
||||||
|
*.exe~
|
||||||
|
*.dll
|
||||||
|
*.so
|
||||||
|
*.dylib
|
||||||
|
# Test binary, build with `go test -c`
|
||||||
|
*.test
|
||||||
|
# Output of the go coverage tool, specifically when used with LiteIDE
|
||||||
|
*.out
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
static/FeisWorxLogo2.gif
|
||||||
|
static/bg8.jpg
|
||||||
|
static/cards.jpg
|
||||||
|
static/favicon.ico
|
||||||
|
static/feisworx.css
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
This site adds a few simple tweaks to the feisworx web site,
|
||||||
|
in order to make it look better on a phone.
|
||||||
|
|
||||||
|
The iPhone doesn't allow browser plugins.
|
||||||
|
So I had to create a whole app just to drop in some JavaScript.
|
||||||
|
|
||||||
|
Hopefully one day feisworx integrates this and I can take my site down.
|
||||||
|
|
||||||
|
Testing
|
||||||
|
-------
|
||||||
|
|
||||||
|
First you should download static content,
|
||||||
|
so you're not hammering away at the feisworx site
|
||||||
|
for static resources.
|
||||||
|
|
||||||
|
./fetch-static.sh
|
||||||
|
|
||||||
|
|
||||||
|
Then you can test with
|
||||||
|
|
||||||
|
go run .
|
||||||
|
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
runtime: go113
|
||||||
|
handlers:
|
||||||
|
- url: /images
|
||||||
|
static_dir: static
|
||||||
|
- url: /share
|
||||||
|
static_dir: static
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
#! /bin/sh
|
||||||
|
|
||||||
|
set -e
|
||||||
|
|
||||||
|
cd $(dirname $0)/static
|
||||||
|
while read url; do
|
||||||
|
wget -c $url
|
||||||
|
done <<EOD
|
||||||
|
https://www.feisworx.com/favicon.ico
|
||||||
|
https://www.feisworx.com/images/bg8.jpg
|
||||||
|
https://www.feisworx.com/images/cards.jpg
|
||||||
|
https://www.feisworx.com/images/FeisWorxLogo2.gif
|
||||||
|
https://www.feisworx.com/share/feisworx.css
|
||||||
|
EOD
|
||||||
|
|
@ -0,0 +1,70 @@
|
||||||
|
package main
|
||||||
|
|
||||||
|
import (
|
||||||
|
"io/ioutil"
|
||||||
|
"net/http"
|
||||||
|
"regexp"
|
||||||
|
"log"
|
||||||
|
"os"
|
||||||
|
"strings"
|
||||||
|
"fmt"
|
||||||
|
)
|
||||||
|
|
||||||
|
func copyHeader(dst, src http.Header) {
|
||||||
|
for k, vv := range src {
|
||||||
|
for _, v := range vv {
|
||||||
|
dst.Add(k, v)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var HeadTag = regexp.MustCompile("<head>")
|
||||||
|
const NewHead = `<head>
|
||||||
|
<script src="/share/foneworx.js"></script>
|
||||||
|
`
|
||||||
|
|
||||||
|
func Handler(w http.ResponseWriter, r *http.Request) {
|
||||||
|
r.URL.Scheme = "https"
|
||||||
|
r.URL.Host = "www.feisworx.com"
|
||||||
|
r.Host = "www.feisworx.com"
|
||||||
|
|
||||||
|
resp, err := http.DefaultTransport.RoundTrip(r)
|
||||||
|
if err != nil {
|
||||||
|
http.Error(w, err.Error(), http.StatusServiceUnavailable)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
defer resp.Body.Close()
|
||||||
|
|
||||||
|
body, err := ioutil.ReadAll(resp.Body)
|
||||||
|
if err != nil {
|
||||||
|
http.Error(w, err.Error(), http.StatusServiceUnavailable)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
contentType := resp.Header.Get("Content-Type")
|
||||||
|
tamperBody := body
|
||||||
|
if strings.HasPrefix(contentType, "text/html") {
|
||||||
|
tamperBody = HeadTag.ReplaceAll(body, []byte(NewHead))
|
||||||
|
}
|
||||||
|
|
||||||
|
copyHeader(w.Header(), resp.Header)
|
||||||
|
w.Header().Set("Content-Length", fmt.Sprintf("%d", len(tamperBody)))
|
||||||
|
w.WriteHeader(resp.StatusCode)
|
||||||
|
w.Write(tamperBody)
|
||||||
|
}
|
||||||
|
|
||||||
|
func main() {
|
||||||
|
http.HandleFunc("/", Handler)
|
||||||
|
http.Handle("/share/", http.StripPrefix("/share/", http.FileServer(http.Dir("static/"))))
|
||||||
|
http.Handle("/images/", http.StripPrefix("/images/", http.FileServer(http.Dir("static/"))))
|
||||||
|
|
||||||
|
port := os.Getenv("PORT")
|
||||||
|
if port == "" {
|
||||||
|
port = "8080"
|
||||||
|
log.Printf("Defaulting to port %s", port)
|
||||||
|
}
|
||||||
|
|
||||||
|
log.Printf("Listening on port %s", port)
|
||||||
|
log.Fatal(http.ListenAndServe(fmt.Sprintf(":%s", port), nil))
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,154 @@
|
||||||
|
// ==UserScript==
|
||||||
|
// @name PhoneWorx
|
||||||
|
// @namespace https://gist.githubusercontent.com/nealey/3af026cc34ddf502419aa16eee3a4caa/
|
||||||
|
// @version 0.4
|
||||||
|
// @description Subtly change Feisworks for narrow screens
|
||||||
|
// @author Neale Pickett <neale@woozle.org>
|
||||||
|
// @match http*://*.feisworx.com/*
|
||||||
|
// @match http*://feisworx.com/*
|
||||||
|
// @grant none
|
||||||
|
// ==/UserScript==
|
||||||
|
|
||||||
|
// jshint asi:true
|
||||||
|
|
||||||
|
// Most of what we're doing here is trying to make content flow.
|
||||||
|
// Quite a lot of pages are set up to do this pretty well already,
|
||||||
|
// they just need some hints removed.
|
||||||
|
|
||||||
|
var foneworxCss = `
|
||||||
|
body {
|
||||||
|
background: rgb(127,216,192);
|
||||||
|
background: linear-gradient(0deg, #1fc6f4 0%, #7fd8c0 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
#foneworx-contact p {
|
||||||
|
float: right;
|
||||||
|
padding: 0 1em;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
#foneworx-logo {
|
||||||
|
font-family: 'Uncial Antiqua', cursive;
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
#foneworx-logo a:link {
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
h1, h2, h3, p {
|
||||||
|
margin: 0.5em;
|
||||||
|
}
|
||||||
|
#foneworx-title h1 {
|
||||||
|
margin: 0em 0.5em;
|
||||||
|
}
|
||||||
|
body > table:nth-of-type(1) tr {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
#foneworx-nav tr {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
a.sel {
|
||||||
|
padding: 0.5em;
|
||||||
|
margin: 0.1em;
|
||||||
|
}
|
||||||
|
form > table:nth-of-type(1) tr {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
form > table:nth-of-type(1) td {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`
|
||||||
|
|
||||||
|
var foneworxNotice = `
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
FoneWorx is an unofficial wrapper around FeisWorx.
|
||||||
|
We have reached out to the FeisWorx people
|
||||||
|
about integrating this functionality,
|
||||||
|
and remain hopeful that something like this can make it to the
|
||||||
|
official site.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
If you have problems with FoneWorx,
|
||||||
|
try the <a href="https://www.feisworx.com/">FeisWorx Site</a>
|
||||||
|
instead.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="mailto:neale@woozle.org">FoneWorx Contact</a>
|
||||||
|
|
|
||||||
|
<a href="https://github.com/nealey/foneworx">Source</a>
|
||||||
|
<p>
|
||||||
|
`
|
||||||
|
|
||||||
|
function foneworxTag(path, id) {
|
||||||
|
let e = document.querySelector(path)
|
||||||
|
if (e) {
|
||||||
|
e.id = id
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function foneworxInit() {
|
||||||
|
let viewport = document.createElement("meta")
|
||||||
|
viewport.name = "viewport"
|
||||||
|
viewport.content = "width=device-width, initial-scale=1"
|
||||||
|
document.head.appendChild(viewport)
|
||||||
|
|
||||||
|
let fontlink = document.createElement("link")
|
||||||
|
fontlink.href="https://fonts.googleapis.com/css?family=Uncial+Antiqua&display=swap"
|
||||||
|
fontlink.rel="stylesheet"
|
||||||
|
document.head.appendChild(fontlink)
|
||||||
|
|
||||||
|
// Remove forced width on anything that forces it
|
||||||
|
for (let e of document.querySelectorAll("[width]")) {
|
||||||
|
e.width = undefined
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tag some things to make CSS more readable
|
||||||
|
foneworxTag("body > table:first-child [align='left']", "foneworx-logo")
|
||||||
|
foneworxTag("body > table:first-child [align='center']", "foneworx-title")
|
||||||
|
foneworxTag("body > table:first-child [align='right']", "foneworx-contact")
|
||||||
|
foneworxTag("table[align='center']", "foneworx-nav")
|
||||||
|
|
||||||
|
// Do a lot of things to prevent people from pestering FeisWorx.
|
||||||
|
// If you are the FeisWorx people, I would love to
|
||||||
|
// give you whatever support you need to integrate this code,
|
||||||
|
// absolutely free of charge. neale@woozle.org
|
||||||
|
|
||||||
|
// Change out the logo so it's clear this isn't FeisWorx
|
||||||
|
let logo = document.querySelector("#foneworx-logo")
|
||||||
|
if (logo) {
|
||||||
|
logo.innerHTML = "<a href='/'>FoneWorx</a>"
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tamper heavily with "contact us"
|
||||||
|
// so the feisworx people don't get a ton of mail
|
||||||
|
// about something they didn't make.
|
||||||
|
let contact = document.querySelector("#foneworx-contact")
|
||||||
|
if (contact) {
|
||||||
|
// Move it to the bottom
|
||||||
|
document.querySelector(".copyright").insertAdjacentElement("beforebegin", contact)
|
||||||
|
contact.innerHTML = foneworxNotice
|
||||||
|
}
|
||||||
|
|
||||||
|
let style = document.createElement("style")
|
||||||
|
style.textContent = foneworxCss
|
||||||
|
document.head.appendChild(style)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (document.readyState === "loading") {
|
||||||
|
document.addEventListener("DOMContentLoaded", foneworxInit)
|
||||||
|
} else {
|
||||||
|
foneworxInit()
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue