diff --git a/README.md b/README.md index 81a720d..7260a48 100644 --- a/README.md +++ b/README.md @@ -1,19 +1,31 @@ # Not Done My Website -__Master is currently legacy code. Consider checking out the rewrite branch :)__ +## Rewrite Goals -## Project Outline -Not Done My Website is a quick webpage generator for developers who don't have time to build a nice under construction webpage and instead would like to just throw something up very quickly. This provides a tool for generating that and also a framework for making your own templates. +- [ ] Move frontend to entirely HTML5 w/o framework or PHP +- [ ] Move backend to Golang or Node.js (undecided as of now) +- [ ] Create more templates +- [ ] Work out system for easier template additions + +## What is this? + +Not Done My Website is a little utility for generating index page placeholders based on required criteria, whether it's because you're working on your website or just need a placeholder page! ## Running -You need to have an instance of PHP running. Then do this in the web folder (e.g htdocs in XAMPP). + +Right now, you need to have an instance of PHP running. This will change during the rewrite, use `master` branch for stability. + +Clone the repository to your webserver. + ``` git clone git@github.com:gmemstr/notdonemywebsite.git ``` -Then go to localhost/notdonemywebsite (or however you have your server set up). -## Creating Custom Templates -Custom templates should go in to the `/templates/` folder. They should be .html files (PHP works too but adds a bit of complexity and overall maybe not worth it because the page is returned as a .html), with the CSS included. You may use CDNs to deliver content but keep in mind that the only file the client recieves is the `index.html`. +Then go to localhost/notdonemywebsite (or however you have your server set up) and generate away. + +## Adding Templates + +Custom templates belong in the `templates/` folder and should be entirely self contained, and preferably minimized as well. Feel free to make a pull request so we can add your template to the repository! These should be .html files. ### Keywords for template diff --git a/assets/app.js b/assets/app.js new file mode 100644 index 0000000..0288339 --- /dev/null +++ b/assets/app.js @@ -0,0 +1,28 @@ +console.log("app.js loaded"); + +var getTemplateHtml = template => { + document.getElementById('iframe').src = "about:blank"; + fetch('template/'+template+'.html') + .then(function(response) { + return response.text() + }) + .then(function(html) { + document.getElementById('iframe').contentWindow.document.write(html); + console.log(document.getElementById('iframe').contentWindow.document) + }); +} + +var valueChange = value => { + var iframehtml = document.getElementById('iframe').contentWindow.document.getElementById(value); + val = document.getElementById(value).value; + iframehtml.innerHTML = val +} + +var downloadPage = () => { + var pageContents = new XMLSerializer().serializeToString(document.getElementById('iframe').contentWindow.document) + pageContents = pageContents.replace("rep_DEVNAME", document.getElementById("devname").value) + pageContents = pageContents.replace("rep_SNAME", document.getElementById("sitename").value) + pageContents = pageContents.replace("rep_SURL", document.getElementById("url").value) + + download(pageContents, "index.html", "text/html") +} \ No newline at end of file diff --git a/assets/css.css b/assets/css.css new file mode 100644 index 0000000..1a97272 --- /dev/null +++ b/assets/css.css @@ -0,0 +1,40 @@ +body { + padding: 0; + margin: 0 auto; + font-family: 'Open Sans', sans-serif; +} +h2 { + font-weight: lighter; +} + +nav { + padding: 5vh; + width: 10vw; + height: 90vh; + background-color: lightblue; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +button, input { + display: block; + width: 10vw; + height: 5vh; +} +input[type=text] { + font-size: 100%; +} +.themeclr { + width: 100%; +} + +.content { + position: absolute; + top:0; + margin-left: 15vw; + /* Comment out background color later*/ + background-color: #E9E9E9; + height: 100vh; + width: 85vw; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..595d97a --- /dev/null +++ b/index.html @@ -0,0 +1,52 @@ + + +
+ + +