@@ -62,41 +62,51 @@ <h1><i class="material-icons">widgets</i> Elements</h1>
6262< p > After < a href ="index.html#download " target ="blank "> download</ a > and follow the < a href ="index.html#instructions " target ="blank "> instructions</ a > , here is the page for you start inserting elements to your page/app that uses the power of Framework.js!</ p > < p > The HTML structure of a Framework.js page (including PEHTML):</ p > < textarea onclick ="this.focus();this.select() " readonly ="readonly " style ="margin:6px 41px;width: 392px;height: 44px; "> <!DOCTYPE html>
6363<html lang="">
6464<head>
65- <script type="text/javascript" src="js/jquery.min.js"></script>
66- <script type="text/javascript" src="js/app-common.js"></script>
65+ <title color=""></title>
66+ <meta charset="utf-8">
67+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
68+ <meta content="width=device-width,initial-scale=1,minimal-ui,shrink-to-fit=no" name="viewport">
69+ <link rel="icon" href="" />
70+ <link rel="logo" href=".svg" border="true"/>
71+ <base href="" target="_top" id="base">
72+
73+ <script>base.href = document.location.href.replace("/media", "").replace("index.html", "").replace(/[&?]wrapper=False/, "").replace(/[&?]wrapper_nonce=[A-Za-z0-9]+/, "")</script>
74+ <!-- <link rel="stylesheet" href="https://unpkg.com/vue-material@beta/dist/vue-material.min.css">
75+ <link rel="stylesheet" href="https://unpkg.com/vue-material@beta/dist/theme/default.css">-->
76+ <script type="text/javascript" src="plugins/jQuery/jquery.min.js"></script>
77+ <script type="text/javascript" src="plugins/Popper.js/popper.min.js"></script>
78+ <script type="text/javascript" src="plugins/Bootstrap/js/bootstrap.min.js"></script>
79+ <script src="plugins/Bootstrap/themes/material/js/material.min.js"></script>
80+ <zeronet><script type="text/javascript" src="js/ZeroFrame.js"></script>
81+ <script type="text/javascript" src="plugins/ZeroDevLib/ZeroPage.js"></script></zeronet>
82+ <script type="text/javascript" src="js/page-common.js"></script>
83+ <link href="plugins/Bootstrap/themes/material/css/material.min.css" rel="stylesheet">
6784<link rel="stylesheet" type="text/css" href="css/page-common.css">
6885<link rel="stylesheet" type="text/css" href="css/app-common.css">
6986<link rel="stylesheet" type="text/css" href="css/page-custom.css">
7087<link rel="stylesheet" type="text/css" href="css/app-custom.css">
7188<link href="Fonts/Roboto/font.css" rel="stylesheet">
7289<link href="Fonts/Material Icons/font.css" rel="stylesheet">
73- <link rel="icon" href="icon.png" />
74- <link rel="logo" href="icon.svg" border="true" />
75- <title color=""></title>
90+ <zeronet><link href="Fonts/Text Me One/font.css" rel="stylesheet"></zeronet>
7691<meta name="pehtml" content="true">
77- <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
7892<meta name="directory" content="css, js, img, snd">
7993<meta name="description" content="">
8094<meta name="keywords" content="">
8195</head>
82- <body>
83- <header><logo></logo></header>
84- <div class="content">
85- <article>
86- </article>
87- <comments>
88- <h1 id="comments"><i class="material-icons">comment</i> Comments <span class="badge"></span></h1>
89- <blockquote>
90- </blockquote>
91- </comments>
92- <div class="footer-shadow"></div>
93- <footer>
94- <center>LAST UPDATE DATE</center><a href="https://plasnerd.github.io/Framework.js/" target="blank"><img src="https://plasnerd.github.io/Framework.js/img/seal-1.png" width="167px" height="94px" style="-webkit-user-drag:element;margin-right:5px"></a><a href="https://plasnerd.github.io/PEHTML/" target="blank" style="opacity:1"><img src="https://plasnerd.github.io/PEHTML/img/seal-2.png" width="167px" height="94px" style="-webkit-user-drag:element"></a>
95- <div class="social-icons"></div>
96- <div class="social-buttons"></div>
97- <copyright></copyright>
98- </footer>
96+ <body id="body">
97+ <div id="app">
9998</div>
99+
100+ <!-- <script type="text/javascript" src="plugins/UmbrellaJS/umbrella.min.js"></script>
101+ <script type="text/javascript" src="plugins/VueJS/vue.js"></script>
102+ <script src="https://unpkg.com/vue-material@beta"></script>
103+ <script>
104+ Vue.use(VueMaterial.default)
105+
106+ new Vue({
107+ el: '#app'
108+ })
109+ </script>-->
100110</body>
101111</html></ textarea > < p > Use the < code > /blank</ code > folder in the < code > framework.zip</ code > archive if you want to start a new project.</ p >
102112
@@ -418,7 +428,10 @@ <h3 class="color">Heading 3</h3>
418428< h4 class ="color "> Heading 4</ h4 >
419429< h5 class ="color "> Heading 5</ h5 >
420430< h6 class ="color "> Heading 6</ h6 > < span class ="badge color "> Badge</ span > < p class ="color "> Paragraph</ p >
421- < span class ="color "> Span</ span > </ div >
431+ < span class ="color "> Span</ span >
432+ < h1 > .color-bg</ h1 >
433+ < p > Elements with this class will have a background with the site's theme color.</ p >
434+ </ div >
422435< div aria-labelledby ="zerotb-tab " class ="tab-pane fade " id ="zerotb " role ="tabpanel "> < p > FrameworkJS is the world's first click-to-clone/start web framework! Also, it is the first working and near-complete framework/boilerplate on ZeroNet.</ p > < p > There are some exclusive and funny things for ZeroNet.</ p >
423436< h1 > < i class ="material-icons "> add_circle</ i > Zite clone</ h1 >
424437< p > To make your users able to have a clone of your zite.</ p >
0 commit comments