-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstrapdown.md.html
More file actions
72 lines (65 loc) · 4.2 KB
/
strapdown.md.html
File metadata and controls
72 lines (65 loc) · 4.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<meta property="og:title" content="Bustl.Markdown" />
<meta property="og:image" content="./images/photo.jpeg" />
<meta property="og:description" content="Dynamic markdown text presentation | bustl.•io" />
<meta property="og:url" content="https://Cutz.Bustl.io/strapdown.html?" />
<head>
<title></title>
<xmp theme="" style="display: none;"></xmp>
<script>
const Q = new URL (window.location.href);
let TITLE = decodeURIComponent(Q.searchParams.get("title")) || '';
let THEME = decodeURIComponent(Q.searchParams.get("theme")) || '';
let XMP = decodeURIComponent(Q.searchParams.get("body")) || {};
if (TITLE == 'null') {
TITLE = 'Bustl.Cutz Strapdown WebView';
}
if (THEME == 'null') {
THEME = 'Markdeep';
}
let textInsert = `## [Bustl.Cutz](https://cutz.bustl.io) **Seattle, WA -- 2021**
### _*Bustl.Cutz Strapdown WebView*_
***
>* #### Quickly theme basic markdown text with classic _Bootstrap_ themes.
* #### Mobile responsive from the **Get-Go**
* #### Easy as pie — [ *click here* ](https://www.icloud.com/shortcuts/d93a60aa5abd4f7ca78de024140b09ae) to try it for with your own text ( **emails, sales letters, Christmas letters, etc, etc** ,) and tap each name below to see popular themes.
***
| [ _Amelia_ ](https://Cutz.Bustl.io/strapdown.html?title=Amelia&theme=Amelia) | [ _Markdeep_ ](https://Cutz.Bustl.io/strapdown.html?title=Markdeep&theme=Markdeep) | [ _Spacelab_ ](https://Cutz.Bustl.io/strapdown.html?title=Spacelab&theme=Spacelab) |
|----------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------|
| [ _**Cerulean**_ ](https://Cutz.Bustl.io/strapdown.html?title=Cerulean&theme=Cerulean) | [ _**United**_ ](https://Cutz.Bustl.io/strapdown.html?title=United&theme=United) | [ _**Slate**_ ](https://Cutz.Bustl.io/strapdown.html?title=Slate&theme=Slate) |
| [ _**Cyborg**_ ](https://Cutz.Bustl.io/strapdown.html?title=Cyborg&theme=Cyborg) | [ _**Superhero**_ ](https://Cutz.Bustl.io/strapdown.html?title=Superhero&theme=Superhero) | [ _**Simplex**_ ](https://Cutz.Bustl.io/strapdown.html?title=Simplex&theme=Simplex) |
| [ _**Journal**_ ](https://Cutz.Bustl.io/strapdown.html?title=Journal&theme=Journal) | [ _**Spruce**_ ](https://Cutz.Bustl.io/strapdown.html?title=Spruce&theme=Spruce) | [ _**Readable**_ ](https://Cutz.Bustl.io/strapdown.html?title=Readable&theme=Readable) |
***
`;
if (THEME == 'Markdeep') {
textInsert += "
{"text":"<!-- Markdeep: --><style class=\"fallback\">body{visibility:hidden;white-space:pre;font-family:monospace}</style><script src=\"markdeep.min.js\" charset=\"utf-8\"></script><script src=\"https://morgan3d.github.io/markdeep/latest/markdeep.min.js\" charset=\"utf-8\"></script><script>window.alreadyProcessedMarkdeep||(document.body.style.visibility=\"visible\")</script>"}"
}
if (XMP == 'null') {
XMP = {
text : textInsert
}
}
console.log(TITLE)
console.log(THEME)
console.log(XMP.text)
document.querySelector("title").innerHTML = TITLE;
document.querySelector("xmp").setAttribute('theme', THEME)
if (THEME == 'Markdeep') {
document.head.innerText = XMP.text
} else {
document.querySelector("xmp").innerHTML = XMP.text;
}
<!-- Markdeep: -->
let js = document.createElement('script')
if (THEME != 'Markdeep'){
js.setAttribute('src', 'https://casual-effects.com/markdeep/latest/markdeep.min.js?')
}
js.setAttribute('id', 'script')
document.querySelector('head').appendChild(js)
</script>
</head>
</html>
<!-- Markdeep: --><style class="fallback">body{visibility:hidden;white-space:pre;font-family:monospace}</style><script src="markdeep.min.js" charset="utf-8"></script><script src="https://morgan3d.github.io/markdeep/latest/markdeep.min.js" charset="utf-8"></script><script>window.alreadyProcessedMarkdeep||(document.body.style.visibility="visible")</script>