b2.typer.template/content.js at main · bboldi/b2.typer.template · GitHub

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
// add date as version :)

const _index_text = `
{
    #   ###      #
    ###   #     ### # # ### ### ###
    # # ###      #  ### # # ##  #
    ### #        ##   # ### ### #
        ###  #      ### #

                          [OK=about] `;


const _submenu_text = `
Lorem Ipsum is simply dummy text of the
 printing and typesetting
industry. Lorem Ipsum has been the
industry's standard dummy text
ever since the 1500s, when an unknown printer
took a galley of
type and scrambled it to make a type ...

:) `;

const _about_text = `^About ...^^

b2.typer.template helps you create retro
terminal-like sites ... like this one ...

some stuff that you can do

pause the cursor ^^^
{force max speed for part of the text} ^^^
write a line ^^^
and another line ^^^
then delete them all ^^^
~~~~

combine it for some animation ^^^^^

{[...}^{...}^{...}^{...]}^^^~~~~

links will will be clickable https://bboldi.com

of add internal links like this [Internal Link=home]

no patience? click anywhere to speed it up
( or press space ) ^^^

parts:

- content.js - put your content here
- main.js - content typing emulator script

feel free to use it for your own projects

please attribute the author

}/OK `;

let submenus = [
  {
    text: "submenu 1",
    link: "#submenu1",
    target: "",
  },
  {
    text: "submenu 2",
    link: "#submenu2",
    target: "",
  },
  {
    text: "submenu 3",
    link: "#submenu3",
    target: "",
  },
  {
    text: "external 1",
    link: "https://bboldi.com",
    target: "_blank",
  },
  {
    text: "external 2",
    link: "https://github.com/bboldi",
    target: "_blank",
  },
];

let content = {
  index: {
    title: " - index",
    image: null,
    submenu: [],
    text: _index_text,
  },
  submenus: {
    title: " - submenus",
    image: null,
    submenu: submenus,
    text: _submenu_text,
  },
  about: {
    title: " - about",
    image: {
      src: "res/placeholder.jpg",
      style: {
        left: "40em",
        top: "3em",
        transform: "rotate(44deg)",
      },
    },
    submenu: [],
    text: _about_text,
  },
  submenu1: {
    title: " - submenu 1",
    image: {
      src: "res/placeholder.jpg",
      style: {
        left: "49em",
        top: "5em",
        transform: "rotate(30deg)",
      },
    },
    submenu: submenus,
    text: "Submenu 1 example\n" + _submenu_text,
  },
  submenu2: {
    title: " - submenu 2",
    image: {
      src: "res/placeholder.jpg",
      style: {
        left: "46em",
        top: "6em",
        transform: "rotate(-30deg)",
      },
    },
    submenu: submenus,
    text: "Submenu 2 example\n" + _submenu_text,
  },
  submenu3: {
    title: " - submenu 3",
    image: null,
    submenu: submenus,
    image: {
      src: "res/placeholder.jpg",
      style: {
        left: "46em",
        top: "6em",
        height: "200px",
        transform: "rotate(99deg)",
      },
    },
    text: "Submenu 3 example\n" + _submenu_text,
  },
};