index.html

<!DOCTYPE html>
<html lang="en-us">
<head id="head">
<meta name="theme-color" content="#00A185" />
<link href="./fonts/WiredMono/font.css" rel="stylesheet">
<title color="#fff">Framework.js</title>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta content="width=device-width,initial-scale=1,minimal-ui,shrink-to-fit=no" name="viewport">
<link rel="icon" href="notes/logo.png" />
<link rel="logo" href="logo.svg" border="true" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7JJRFMM5J4"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-7JJRFMM5J4');
</script>
<meta name="pehtml" content="true">
<meta name="directory" content="css, js, img, snd">
<meta name="description" content="Its a modern and responsive framework/template/theme thinked for apps and sites of the future. A unique framework with the same code, both for apps and sites.">
<meta name="keywords" content="HTML5 Framework, Web Framework, Web UI Framework, Site Framework, App Framework">
<style>
body{font-family: wired-mono,"tungsten",proxima-nova,ProximaNova-Bold,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;}
</style>
<script data-main="index.js" src="require.js"></script>
</head>
<body id="body">

<div id="placefirst"></div>

<div id="splashloader"><div style="background: #044b3b;position: absolute;width: 100%;height: 100%;top: 0;left: 0;user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;z-index:6000"><center><img src="logo.svg" style="user-drag: none;-webkit-user-drag: none;" draggable="false" width="30%"><h1 style="color: #fff;">Loading...</h1></center></div></div>

<style>
mark{background:#FFFFBA}
header{background-color:#00A185!important}
</style>

<center>
<div id="landinglogo"><img width="100px" src="logo.svg"/></div>
<div id="landingtitle"><h1>Welcome to <b>FrameworkJS</b></h1></div>
<span>The framework for the Web 3.0. Smart & adaptive: just like an octopus.</span>
<h2>Still in development! Subscribe for news:</h2>
<a href="https://twitter.com/PlasmmerDev?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large" data-show-count="false">Follow @PlasmmerDev</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<hr/>
<a href="./app.html" target="_blank"><button>Example app</button></a> (can test in browser (use the console for logs) in localhost/traditional web/IPFS, or in FirefoxOS and KaiOS)
<h1><img width="30px" src="https://cdn.icon-icons.com/icons2/2248/PNG/512/ethereum_icon_134986.png"> Framework for Web3? Yes, its also being built; <a href="https://github.com/FrameworkJavascript/Web3Framework" target="_blank">here</a>.</h1>
<h1><img width="30px" src="https://cdn.imgbin.com/1/2/9/imgbin-construct-apache-cordova-computer-software-computer-program-others-TTvWyKjmZqumCmCmJhqnG3712.jpg"> Framework for Construct 2? Yes, its ready: <a href="https://frameworkjavascript.github.io/ConstructFramework/" target="_blank">here</a>.</h1>
<hr/>
<div class="social-icons">
<!--<a href="https://twitter.com/FloflisOS" target="blank"><img src="img/social/twitter.svg" width="40px" height="40px" title="Follow us and receive latest news feed about Floflis progress and other development tools" alt="Twitter"></a>-->
<!--<a href="https://www.youtube.com/channel/UCqboYZIRwremiHzqcvBdlYg" target="blank"><img src="img/social/youtube.svg" width="40px" height="40px" title="Watch our videos with news/tutorials" alt="Youtube" class="round"></a>-->
<a href="https://discord.gg/DqsMbRSXQQ" target="blank"><img src="img/social/discord.svg" width="40px" height="40px" title="Chat with us or get support" alt="Discord" class="round"></a>
<a href="https://www.reddit.com/r/frameworkjs/" target="blank"><img src="img/social/reddit.svg" width="40px" height="40px" title="Yes, we have a base in the Reddit planet" alt="Reddit" class="round"></a>
<!--<a rel="me" href="https://mastodon.social/@floflis" target="blank"><img src="img/social/mastodon.svg" width="40px" height="40px" title="Follow us on Mastodon and receive latest news feed about Floflis and other useful projects" alt="Mastodon" class="round"></a>-->
<!--<a href="https://riot.im/app/#/+floflis:matrix.org" target="blank"><img src="img/social/riot.svg" width="40px" height="40px" title="Chat with us or get support" alt="Riot.im" class="round"></a>-->
<!--<a href="https://matrix.to/#/#openplanetnews:matrix.org" target="blank"><img src="img/social/riot.svg" width="40px" height="40px" title="Enable notifications for our updates" alt="Riot.im" class="round"></a>-->
<a href="https://github.com/FrameworkJavascript/Framework.js" target="blank"><img src="img/social/github.svg" width="40px" height="40px" title="See first the news and improve FrameworkJS in GitHub" alt="GitHub"></a>
<!--<a href="https://gitlab.com/floflis" target="blank"><img src="img/social/gitlab.svg" title="See first the news and improve Floflis in GitLab" alt="GitLab" class="round" style="background:#3f3d56" width="40px" height="40px"></a>--><!-- <a href="https://facebook.com/" target="blank"><img src="img/social/facebook.svg" width="40px" height="40px" title="Like us and receive latest news feed about FrameworkJS progress and other development tools" alt="Facebook"></a>--><!--<a href="https://opencollective.com/floflis" target="blank"><img src="img/social/opencollective.svg" width="40px" height="40px" title="Contribute to Floflis in Open Collective" alt="Twitter"></a>--><!--<a href="https://.deviantart.com" target="blank"><img src="img/social/deviantart.svg" width="40px" height="40px" title="Follow us and receive latest backgrounds, designs and apps" alt="Deviantart"></a>--></div>
<div class="social-buttons"></div>
<hr/>
<br/><copyright><center>(c) 2014-2023 FrameworkJS by <a href="https://developers.plasmmer.com/" target="blank"><img height="16px" src="https://developers.plasmmer.com/icon.png"/> Plasmmer Developers</a>.</center></copyright>Credits to our inspiration for the octopus icon: <a href="http://icons8.com/license/" target="_blank">icons8</a>.
<br/><img width="135px" src="notes/seal-light-bg.png"/>
</center>

<h2>News Feed:</h2>
<a class="twitter-timeline" data-width="300" data-height="500" href="https://twitter.com/PlasmmerDev?ref_src=twsrc%5Etfw">Tweets by PlasmmerDev</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<h2>Roadmap:</h2>
<ul>
<li>Work with both Bootstrap/vanillaJS, Mithril and React web/native using same source - work in vanilla without react or get compiled</li>
</ul>

</body>
</html>