@innovastudio/contentbox 1.4.72 → 1.4.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +2 -2
  2. package/public/contentbox/contentbox.esm.js +476 -93
  3. package/public/contentbox/contentbox.min.js +8 -8
package/public/contentbox/contentbox.esm.js CHANGED
@@ -17921,7 +17921,7 @@ import font_wire_one from './fonts/wire_one.png';
17921
17921
  import font_yanone_kaffeesatz from './fonts/yanone_kaffeesatz.png';
17922
17922
  import font_yeseva_one from './fonts/yeseva_one.png';
17923
17923
  */
17924
- class Util {
17924
+ class Util$1 {
17925
17925
  constructor(builder) {
17926
17926
  this.builder = builder;
17927
17927
  this.dom = this.builder.dom;
@@ -21075,6 +21075,167 @@ class Util {
21075
21075
  return html;
21076
21076
  }
21077
21077
 
21078
+ getPageTemplate(framework) {
21079
+ let pageTemplate = '';
21080
+
21081
+ if (framework === '') {
21082
+ pageTemplate = `
21083
+ <!DOCTYPE html>
21084
+ <html lang="en">
21085
+ <head>
21086
+ <meta charset="utf-8">
21087
+ <title>Page</title>
21088
+ <meta name="viewport" content="width=device-width, initial-scale=1">
21089
+ <meta name="description" content="">
21090
+ <link rel="shortcut icon" href="#" />
21091
+
21092
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
21093
+
21094
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
21095
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
21096
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
21097
+
21098
+ <style>
21099
+ .container {
21100
+ margin: 150px auto 0;
21101
+ max-width: 800px;
21102
+ width: 100%;
21103
+ padding: 0 20px;
21104
+ box-sizing: border-box;
21105
+ }
21106
+ </style>
21107
+ </head>
21108
+ <body>
21109
+
21110
+ <div class="container">
21111
+ [%CONTENT%]
21112
+ </div>
21113
+
21114
+ </body>
21115
+ </html>
21116
+ `;
21117
+ } else if (framework === 'tailwind') {
21118
+ pageTemplate = `
21119
+ <!DOCTYPE html>
21120
+ <html lang="en">
21121
+ <head>
21122
+ <meta charset="utf-8">
21123
+ <title>Page</title>
21124
+ <meta name="viewport" content="width=device-width, initial-scale=1">
21125
+ <meta name="description" content="">
21126
+ <link rel="shortcut icon" href="#" />
21127
+
21128
+ <link href="[%PATH%]/assets/minimalist-blocks/content-tailwind.css" rel="stylesheet" type="text/css" />
21129
+
21130
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
21131
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
21132
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
21133
+
21134
+ <link rel="stylesheet" href="[%PATH%]/assets/frameworks/tailwindcss/styles.css">
21135
+ <!-- To build your own, please see: https://tailwindcss.com/docs/installation -->
21136
+
21137
+ <style>
21138
+ .container {
21139
+ margin: 150px auto 0;
21140
+ max-width: 800px;
21141
+ width: 100%;
21142
+ padding: 0 20px;
21143
+ box-sizing: border-box;
21144
+ }
21145
+ </style>
21146
+ </head>
21147
+ <body>
21148
+
21149
+ <div class="container">
21150
+ [%CONTENT%]
21151
+ </div>
21152
+
21153
+ </body>
21154
+ </html>
21155
+ `;
21156
+ } else if (framework === 'bootstrap') {
21157
+ pageTemplate = `
21158
+ <!DOCTYPE html>
21159
+ <html lang="en">
21160
+ <head>
21161
+ <meta charset="utf-8">
21162
+ <title>Page</title>
21163
+ <meta name="viewport" content="width=device-width, initial-scale=1">
21164
+ <meta name="description" content="">
21165
+ <link rel="shortcut icon" href="#" />
21166
+
21167
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
21168
+
21169
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
21170
+
21171
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
21172
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
21173
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
21174
+
21175
+ <style>
21176
+ .container {margin: 140px auto; max-width: 800px; width:100%; padding:0 35px; box-sizing: border-box;}
21177
+ /* Bootstrap css adjustment to enable column drag to resize */
21178
+ .row > *,
21179
+ .column {
21180
+ max-width: unset !important;
21181
+ }
21182
+ </style>
21183
+ </head>
21184
+ <body>
21185
+
21186
+ <div class="container">
21187
+ [%CONTENT%]
21188
+ </div>
21189
+
21190
+ </body>
21191
+ </html>
21192
+ `;
21193
+ } else if (framework === 'foundation') {
21194
+ pageTemplate = `
21195
+ <!DOCTYPE html>
21196
+ <html lang="en">
21197
+ <head>
21198
+ <meta charset="utf-8">
21199
+ <title>Page</title>
21200
+ <meta name="viewport" content="width=device-width, initial-scale=1">
21201
+ <meta name="description" content="">
21202
+ <link rel="shortcut icon" href="#" />
21203
+
21204
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css">
21205
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation-float.min.css">
21206
+
21207
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
21208
+
21209
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
21210
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
21211
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
21212
+
21213
+ <style>
21214
+ .container {
21215
+ margin: 150px auto 0;
21216
+ max-width: 800px;
21217
+ width: 100%;
21218
+ padding: 0 20px;
21219
+ box-sizing: border-box;
21220
+ }
21221
+ </style>
21222
+ </head>
21223
+ <body>
21224
+
21225
+ <div class="container">
21226
+ [%CONTENT%]
21227
+ </div>
21228
+
21229
+ </body>
21230
+ </html>
21231
+ `;
21232
+ } else {
21233
+ pageTemplate = '[%CONTENT%]';
21234
+ }
21235
+
21236
+ return pageTemplate;
21237
+ }
21238
+
21078
21239
  }
21079
21240
  class Dom {
21080
21241
  constructor(builder) {
@@ -29660,7 +29821,7 @@ class UndoRedo {
29660
29821
  this.undoList[138] = this.undoList[139];
29661
29822
  this.undoList[139] = this.undoList[140];
29662
29823
  this.undoList[140] = this.undoList[141];
29663
- const util = new Util(this.builder);
29824
+ const util = new Util$1(this.builder);
29664
29825
  util.clearActiveCell();
29665
29826
  util.clearAfterUndoRedo();
29666
29827
  let elm = this.builder.doc.querySelector('[data-saveforundo]');
@@ -29752,7 +29913,7 @@ class UndoRedo {
29752
29913
  this.undoList[101] = this.undoList[100];
29753
29914
  this.undoList[100] = this.undoList[99];
29754
29915
  this.undoList[99] = null;
29755
- const util = new Util(this.builder);
29916
+ const util = new Util$1(this.builder);
29756
29917
  util.clearActiveCell();
29757
29918
  util.clearAfterUndoRedo();
29758
29919
  let elm = this.builder.doc.querySelector('[data-saveforundo]');
@@ -66891,7 +67052,7 @@ class Hyperlink {
66891
67052
  }
66892
67053
  */
66893
67054
 
66894
- const util = new Util(this.builder);
67055
+ const util = new Util$1(this.builder);
66895
67056
  util.getSelection(); // new
66896
67057
 
66897
67058
  var text = dom.getSelected();
@@ -66986,7 +67147,7 @@ class Hyperlink {
66986
67147
 
66987
67148
  editLink() {
66988
67149
  const dom = this.dom;
66989
- const util = new Util(this.builder);
67150
+ const util = new Util$1(this.builder);
66990
67151
  let link = this.builder.activeLink;
66991
67152
  let modal = this.builderStuff.querySelector('.is-modal.createlink');
66992
67153
  let icon = link.querySelector('i');
@@ -79875,7 +80036,7 @@ class Preferences {
79875
80036
  }
79876
80037
 
79877
80038
  view() {
79878
- const util = new Util(this.builder);
80039
+ const util = new Util$1(this.builder);
79879
80040
  let modal = this.config;
79880
80041
  util.showModal(modal, false, null, false); // Display values
79881
80042
 
@@ -89330,39 +89491,6 @@ class ContentBuilder {
89330
89491
  </div>
89331
89492
  </div>
89332
89493
  `,
89333
- pageTemplate: `<!DOCTYPE html>
89334
- <html lang="en">
89335
- <head>
89336
- <meta charset="utf-8">
89337
- <title>Page</title>
89338
- <meta name="viewport" content="width=device-width, initial-scale=1">
89339
- <meta name="description" content="">
89340
- <link rel="shortcut icon" href="#" />
89341
-
89342
- <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
89343
-
89344
- <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
89345
- <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
89346
- <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
89347
-
89348
- <style>
89349
- .container {
89350
- margin: 150px auto 0;
89351
- max-width: 800px;
89352
- width: 100%;
89353
- padding: 0 20px;
89354
- box-sizing: border-box;
89355
- }
89356
- </style>
89357
- </head>
89358
- <body>
89359
-
89360
- <div class="container">
89361
- [%CONTENT%]
89362
- </div>
89363
-
89364
- </body>
89365
- </html>`,
89366
89494
 
89367
89495
  /*
89368
89496
  onZoomStart: () => {
@@ -89875,9 +90003,14 @@ class ContentBuilder {
89875
90003
  this.doc.body.classList.add('data-editor');
89876
90004
  const dom = new Dom(this);
89877
90005
  this.dom = dom;
89878
- const util = new Util(this); // General utilities
90006
+ const util = new Util$1(this); // General utilities
89879
90007
 
89880
90008
  this.util = util;
90009
+
90010
+ if (!this.pageTemplate) {
90011
+ this.pageTemplate = util.getPageTemplate(this.framework);
90012
+ }
90013
+
89881
90014
  const responsive = new Responsive(this); // General utilities
89882
90015
 
89883
90016
  this.responsive = responsive; // Content stuff
@@ -101521,6 +101654,258 @@ class Timeline {
101521
101654
 
101522
101655
  }
101523
101656
 
101657
+ class Util {
101658
+ constructor(builder) {
101659
+ this.builder = builder;
101660
+ }
101661
+
101662
+ getPageTemplate(framework) {
101663
+ let pageTemplate = '';
101664
+
101665
+ if (framework === '') {
101666
+ pageTemplate = `
101667
+ <!DOCTYPE html>
101668
+ <html lang="en">
101669
+ <head>
101670
+ <meta charset="utf-8">
101671
+ <title>Page</title>
101672
+ <meta name="viewport" content="width=device-width, initial-scale=1">
101673
+ <meta name="description" content="">
101674
+ <link rel="shortcut icon" href="#" />
101675
+
101676
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
101677
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
101678
+
101679
+ [%MAINCSS%]
101680
+ [%SECTIONCSS%]
101681
+ </head>
101682
+ <body style="touch-action: pan-y">
101683
+
101684
+ <main id="main">
101685
+ <div class="is-wrapper">
101686
+ [%CONTENT%]
101687
+ </div>
101688
+ </main>
101689
+
101690
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
101691
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
101692
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
101693
+
101694
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
101695
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
101696
+
101697
+ <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
101698
+
101699
+ <!-- Optional: if you want to add smooth scrolling -->
101700
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
101701
+ <script>
101702
+ SmoothScroll({
101703
+ frameRate: 150,
101704
+ animationTime: 800,
101705
+ stepSize: 120,
101706
+ pulseAlgorithm: 1,
101707
+ pulseScale: 4,
101708
+ pulseNormalize: 1,
101709
+ accelerationDelta: 300,
101710
+ accelerationMax: 2,
101711
+ keyboardSupport: 1,
101712
+ arrowScroll: 50,
101713
+ fixedBackground: 0
101714
+ });
101715
+ </script>
101716
+ </body>
101717
+ </html>
101718
+ `;
101719
+ } else if (framework === 'tailwind') {
101720
+ pageTemplate = `
101721
+ <!DOCTYPE html>
101722
+ <html lang="en">
101723
+ <head>
101724
+ <meta charset="utf-8">
101725
+ <title>Page</title>
101726
+ <meta name="viewport" content="width=device-width, initial-scale=1">
101727
+ <meta name="description" content="">
101728
+ <link rel="shortcut icon" href="#" />
101729
+
101730
+ <link href="[%PATH%]/assets/minimalist-blocks/content-tailwind.css" rel="stylesheet" type="text/css" />
101731
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
101732
+ <link href="[%PATH%]/assets/frameworks/tailwindcss/styles.css" rel="stylesheet" type="text/css" />
101733
+
101734
+ [%MAINCSS%]
101735
+ [%SECTIONCSS%]
101736
+ </head>
101737
+ <body style="touch-action: pan-y">
101738
+
101739
+ <main id="main">
101740
+ <div class="is-wrapper">
101741
+ [%CONTENT%]
101742
+ </div>
101743
+ </main>
101744
+
101745
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
101746
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
101747
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
101748
+
101749
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
101750
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
101751
+
101752
+ <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
101753
+
101754
+ <!-- Optional: if you want to add smooth scrolling -->
101755
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
101756
+ <script>
101757
+ SmoothScroll({
101758
+ frameRate: 150,
101759
+ animationTime: 800,
101760
+ stepSize: 120,
101761
+ pulseAlgorithm: 1,
101762
+ pulseScale: 4,
101763
+ pulseNormalize: 1,
101764
+ accelerationDelta: 300,
101765
+ accelerationMax: 2,
101766
+ keyboardSupport: 1,
101767
+ arrowScroll: 50,
101768
+ fixedBackground: 0
101769
+ });
101770
+ </script>
101771
+ </body>
101772
+ </html>
101773
+ `;
101774
+ } else if (framework === 'bootstrap') {
101775
+ pageTemplate = `
101776
+ <!DOCTYPE html>
101777
+ <html lang="en">
101778
+ <head>
101779
+ <meta charset="utf-8">
101780
+ <title>Page</title>
101781
+ <meta name="viewport" content="width=device-width, initial-scale=1">
101782
+ <meta name="description" content="">
101783
+ <link rel="shortcut icon" href="#" />
101784
+
101785
+ <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
101786
+ <style>
101787
+ /* Bootstrap css adjustment to enable column drag to resize */
101788
+ .row > *,
101789
+ .column {
101790
+ max-width: unset !important;
101791
+ }
101792
+ /* To fix on <1440 (for example), with max-width unset, columns get flowing */
101793
+ @media (min-width: 768px) {
101794
+ .row {
101795
+ flex-wrap: nowrap;
101796
+ }
101797
+ }
101798
+ </style>
101799
+
101800
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
101801
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
101802
+
101803
+ [%MAINCSS%]
101804
+ [%SECTIONCSS%]
101805
+ </head>
101806
+ <body style="touch-action: pan-y">
101807
+
101808
+ <main id="main">
101809
+ <div class="is-wrapper">
101810
+ [%CONTENT%]
101811
+ </div>
101812
+ </main>
101813
+
101814
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
101815
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
101816
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
101817
+
101818
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
101819
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
101820
+
101821
+ <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
101822
+
101823
+ <!-- Optional: if you want to add smooth scrolling -->
101824
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
101825
+ <script>
101826
+ SmoothScroll({
101827
+ frameRate: 150,
101828
+ animationTime: 800,
101829
+ stepSize: 120,
101830
+ pulseAlgorithm: 1,
101831
+ pulseScale: 4,
101832
+ pulseNormalize: 1,
101833
+ accelerationDelta: 300,
101834
+ accelerationMax: 2,
101835
+ keyboardSupport: 1,
101836
+ arrowScroll: 50,
101837
+ fixedBackground: 0
101838
+ });
101839
+ </script>
101840
+ </body>
101841
+ </html>
101842
+ `;
101843
+ } else if (framework === 'foundation') {
101844
+ pageTemplate = `
101845
+ <!DOCTYPE html>
101846
+ <html lang="en">
101847
+ <head>
101848
+ <meta charset="utf-8">
101849
+ <title>Page</title>
101850
+ <meta name="viewport" content="width=device-width, initial-scale=1">
101851
+ <meta name="description" content="">
101852
+ <link rel="shortcut icon" href="#" />
101853
+
101854
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css" rel="stylesheet" type="text/css" >
101855
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation-float.min.css" rel="stylesheet" type="text/css" >
101856
+
101857
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
101858
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
101859
+
101860
+ [%MAINCSS%]
101861
+ [%SECTIONCSS%]
101862
+ </head>
101863
+ <body style="touch-action: pan-y">
101864
+
101865
+ <main id="main">
101866
+ <div class="is-wrapper">
101867
+ [%CONTENT%]
101868
+ </div>
101869
+ </main>
101870
+
101871
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
101872
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
101873
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
101874
+
101875
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
101876
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
101877
+
101878
+ <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
101879
+
101880
+ <!-- Optional: if you want to add smooth scrolling -->
101881
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
101882
+ <script>
101883
+ SmoothScroll({
101884
+ frameRate: 150,
101885
+ animationTime: 800,
101886
+ stepSize: 120,
101887
+ pulseAlgorithm: 1,
101888
+ pulseScale: 4,
101889
+ pulseNormalize: 1,
101890
+ accelerationDelta: 300,
101891
+ accelerationMax: 2,
101892
+ keyboardSupport: 1,
101893
+ arrowScroll: 50,
101894
+ fixedBackground: 0
101895
+ });
101896
+ </script>
101897
+ </body>
101898
+ </html>
101899
+ `;
101900
+ } else {
101901
+ pageTemplate = '[%CONTENT%]';
101902
+ }
101903
+
101904
+ return pageTemplate;
101905
+ }
101906
+
101907
+ }
101908
+
101524
101909
  const dom = new Dom$1();
101525
101910
 
101526
101911
  class ContentBox {
@@ -101787,59 +102172,52 @@ class ContentBox {
101787
102172
  </div>
101788
102173
  </div>
101789
102174
  `,
101790
- pageTemplate: `
101791
- <!DOCTYPE html>
101792
- <html lang="en">
101793
- <head>
101794
- <meta charset="utf-8">
101795
- <title>Page</title>
101796
- <meta name="viewport" content="width=device-width, initial-scale=1">
101797
- <meta name="description" content="">
101798
- <link rel="shortcut icon" href="#" />
101799
-
101800
- <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
101801
- <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
101802
-
101803
- [%MAINCSS%]
101804
- [%SECTIONCSS%]
101805
- </head>
101806
- <body style="touch-action: pan-y">
101807
-
101808
- <main id="main">
101809
- <div class="is-wrapper">
101810
- [%CONTENT%]
101811
- </div>
101812
- </main>
101813
-
101814
- <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
101815
- <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
101816
- <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
101817
-
101818
- <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
101819
- <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
101820
-
101821
- <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
101822
-
101823
- <!-- Optional: if you want to add smooth scrolling -->
101824
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
101825
- <script>
101826
- SmoothScroll({
101827
- frameRate: 150,
101828
- animationTime: 800,
101829
- stepSize: 120,
101830
- pulseAlgorithm: 1,
101831
- pulseScale: 4,
101832
- pulseNormalize: 1,
101833
- accelerationDelta: 300,
101834
- accelerationMax: 2,
101835
- keyboardSupport: 1,
101836
- arrowScroll: 50,
101837
- fixedBackground: 0
101838
- });
101839
- </script>
101840
- </body>
101841
- </html>
101842
- `,
102175
+ // pageTemplate: `
102176
+ // <!DOCTYPE html>
102177
+ // <html lang="en">
102178
+ // <head>
102179
+ // <meta charset="utf-8">
102180
+ // <title>Page</title>
102181
+ // <meta name="viewport" content="width=device-width, initial-scale=1">
102182
+ // <meta name="description" content="">
102183
+ // <link rel="shortcut icon" href="#" />
102184
+ // <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
102185
+ // <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
102186
+ // [%MAINCSS%]
102187
+ // [%SECTIONCSS%]
102188
+ // </head>
102189
+ // <body style="touch-action: pan-y">
102190
+ // <main id="main">
102191
+ // <div class="is-wrapper">
102192
+ // [%CONTENT%]
102193
+ // </div>
102194
+ // </main>
102195
+ // <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
102196
+ // <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
102197
+ // <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
102198
+ // <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
102199
+ // <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
102200
+ // <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
102201
+ // <!-- Optional: if you want to add smooth scrolling -->
102202
+ // <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
102203
+ // <script>
102204
+ // SmoothScroll({
102205
+ // frameRate: 150,
102206
+ // animationTime: 800,
102207
+ // stepSize: 120,
102208
+ // pulseAlgorithm: 1,
102209
+ // pulseScale: 4,
102210
+ // pulseNormalize: 1,
102211
+ // accelerationDelta: 300,
102212
+ // accelerationMax: 2,
102213
+ // keyboardSupport: 1,
102214
+ // arrowScroll: 50,
102215
+ // fixedBackground: 0
102216
+ // });
102217
+ // </script>
102218
+ // </body>
102219
+ // </html>
102220
+ // `,
101843
102221
  contentStyleWithSample: false,
101844
102222
  contentSizes: [300, 320, 340, 360, 380, 400, 420, 440, 460, 480, 500, 520, 540, 560, 580, 600, 620, 640, 660, 680, 700, 720, 740, 760, 780, 800, 820, 840, 860, 880, 900, 920, 940, 960, 970, 980, 1000, 1020, 1040, 1050, 1060, 1080, 1100, 1120, 1140, 1160, 1180, 1200, 1220, 1240, 1260, 1280, 1300, 1320, 1340, 1360, 1380, 1400, 1420, 1440, 1460, 1480, 1500, 1520, 1540, 1560, 1580, 1600, 1620, 1640, 1660, 1680, 1700, 1720, 1740, 1760, 1780, 1800, 1820, 1840, 1860, 1880, 1900, 1920, 1940, 1960, 1980, 2000, 2020, 2040, 2060, 2080, 2100, 2120, 2140, 2160, 2180, 2200, 2220, 2240, 2260, 2280, 2300, 2320, 2340, 2360, 2380, 2400, 2420, 2440, 2460, 2480, 2500, 2520, 2540, 2560, 2580, 2600, 2620, 2640, 2660, 2680, 2700],
101845
102223
  contentStyles: {
@@ -104244,6 +104622,11 @@ class ContentBox {
104244
104622
  this.sidebar = new SideBar(this);
104245
104623
  this.animateScroll = new AnimateScroll(this);
104246
104624
  this.timeline = new Timeline(this);
104625
+ this.util = new Util(this);
104626
+
104627
+ if (!this.pageTemplate) {
104628
+ this.pageTemplate = this.util.getPageTemplate(this.framework);
104629
+ }
104247
104630
 
104248
104631
  if (!window.data_basic) {
104249
104632
  dom.addExternalScripts([this.snippetUrl], () => {