Need help with already done template

Request custom templates here. There is no guarantee that it will be made for you. Please be respectful, polite, and patient when posting a request.

Need help with already done template

Postby RAGyuoP » July 12th, 2019, 12:33 pm

Hello! I used a website builder to create my template. My only problem is that I don't know how to put the code in where the website updates every time I post a comic on here. This is the current code right now

Code: Select all
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script>window.html5 || document.write('<s' + 'cript src="js/vendor/html5shiv.js">' + '<' + '/s' + 'cript>');</script>
<![endif]-->
<title>Comic</title>
<script type="text/javascript">
window.load_error_log = [];
window.onerror = function(msg, error_url, line, col) {
    window.load_error_log.push({msg, error_url, line, col});
}
</script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
    window._bubble_page_load_data = {}
}
window._bubble_page_load_data['pre_early'] = Date.now();
</script>
<meta name="referrer" content="origin">
<script type="text/javascript" crossorigin="anonymous" src="https://dhtiece9044ep.cloudfront.net/package/early_js/011d06d55963daa276fbc2d7cb971df7c3a2097a0fdd16d840686d64b36c0d24/xfalse"></script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
    window._bubble_page_load_data = {}
}
window._bubble_page_load_data['post_early'] = Date.now();
</script>
<script type="text/javascript">WebFontConfig = {
'google': { families: ["Lato","Lato:300","Kalam:300","Kirang Haerang:regular"] },'custom': { families: ["Sketch Fear Straight"], urls: ["https://fontlibrary.org/en/font/sketch-fear-straight-private"]},
    active: function() {
        window.google_web_fonts_active = true;
        if (window.google_web_fonts_active_cb) {
            window.google_web_fonts_active_cb();
        }
    },
    fontinactive: function() {
        console.log('fontinactive being called, Google says the fonts didnt render');
        window.google_web_fonts_active = true;
        if (window.google_web_fonts_active_cb) {
            window.google_web_fonts_active_cb();
        }
    }
}
window.WebFont.load(WebFontConfig);</script>
<script type="text/javascript">window.gm_key = "AIzaSyDrc7Z2Xh0LNmHty4bO9Jine0mnKpx6p9Q";</script>
<script type="text/javascript">window.glrl_key_status = false;</script>
<link rel="icon" type="image/png" href="https://dd7tel2830j4w.cloudfront.net/f1530294839424x143528842134401200/Icon-no-clearspace.png" />
<meta name="fragment" content="!">
<meta name="description" content="Bubble introduces a new way to build a web application. It’s a point-and-click programming tool. Bubble hosts all applications on its cloud platform.">
<meta name="twitter:card" content="summary_large_image" />
<meta name="description" content="Bubble introduces a new way to build a web application. It’s a point-and-click programming tool. Bubble hosts all applications on its cloud platform.">
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="Bubble - Visual Programming" />
<meta name="twitter:title" content="Bubble - Visual Programming" />
<meta property="og:site_name" content="Bubble" />
<meta name="twitter:site_name" content="Bubble" />
<meta property="og:description" content="Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. " />
<meta name="twitter:description" content="Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. " />
<link rel="image_src" href="https://dd7tel2830j4w.cloudfront.net/f1531262945517x187504931120201950/Desktop%202018-07-10%20at%206.38.29%20PM.png" />
<meta property="og:image" content="https://dd7tel2830j4w.cloudfront.net/f1531262945517x187504931120201950/Desktop%202018-07-10%20at%206.38.29%20PM.png" />
<meta name="twitter:image:src" content="https://dd7tel2830j4w.cloudfront.net/f1531262945517x187504931120201950/Desktop%202018-07-10%20at%206.38.29%20PM.png" />
<meta property="og:url" content="https://thelokp.bubbleapps.io/" />
<meta property="og:type" content="website" />
<meta property="fb:app_id" content="340887986039814" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script type="text/javascript">window._p ='{"no_branding":false,"import_export_csv":false,"custom_domain":false}';</script>
<link type="text/css" href="https://dhtiece9044ep.cloudfront.net/package/run_css/7d3cde66d85df602cbec627307f48ecdc9b1e1d643433117f30cebf4a3b7b7f6/thelokp/live/index/xfalse/xfalse" rel="stylesheet">
<script type="text/javascript">
if (!window._bubble_page_load_data) {
    window._bubble_page_load_data = {}
}
window._bubble_page_load_data['pre_runjs'] = Date.now();
</script>
<script type="text/javascript" crossorigin="anonymous" src="https://dhtiece9044ep.cloudfront.net/package/run_js/f2a41977a92bd21ddc92940e2a2630a6369d4868f4e27b9b963691d9afb6f1e0/xfalse/x5"></script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
    window._bubble_page_load_data = {}
}
window._bubble_page_load_data['post_runjs'] = Date.now();
</script>
<script type="text/javascript" crossorigin="anonymous" src="https://dhtiece9044ep.cloudfront.net/package/run_js_page/ffba9b731dab643c7ae3e6c71662cf27a1bba2cc53941dc59ab3d96a32ed7b07/thelokp/live/index/xnull/xfalse/xfalse/xfalse/en_us/xfalse/xfalse"></script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
    window._bubble_page_load_data = {}
}
window._bubble_page_load_data['post_runjspage'] = Date.now();
</script>
<script src="//dd7tel2830j4w.cloudfront.net/f1524852433168x992834718199446800/countUp.js"></script>
<script type="text/javascript">Lib().db_instance().initialize_data("1562774909246x641837030918643800", {"Created By":"1348695171700984260__LOOKUP__1562774909246x641837030918643800","Created Date":1562774909260,"Modified Date":1562774909351,"_id":"1562774909246x641837030918643800","_version":32,"_type":"user"}, "user", 32);</script>
</head>
<body><script type="text/javascript">
if (window.appquery == null) {
    css = document.createElement('style');
css.type='text/css';
css.appendChild(document.createTextNode(".warning-message-failure {padding: 30px; line-height: 1.5; white-space: pre; z-index: 1000000; position: fixed; width: 100%; height: 100%; background: white;}"));
document.getElementsByTagName("head")[0].appendChild(css);
var newDiv = document.createElement("div");
newDiv.className = "warning-message-failure";
newDiv.innerHTML = "Your browser was unable to load some necessary resources, contact your IT network administrator and ask him or her to allow access to <br><br>     dhtiece9044ep.cloudfront.net <br>     dd7tel2830j4w.cloudfront.net/ <br>     d1muf25xaso8hp.cloudfront.net";
document.body.appendChild(newDiv);
    httpRequest = new XMLHttpRequest();
httpRequest.open('POST', '/user/m', true);
httpRequest.setRequestHeader('Content-Type', 'application/json');
httpRequest.send(JSON.stringify({measures: {page_load_error: 1, url: document.location.href, errors: window.load_error_log}}));
};
</script><script type="text/javascript">if (window.appquery && window.app == null) {css = document.createElement('style');
css.type='text/css';
css.appendChild(document.createTextNode(".warning-message-failure {padding: 30px; line-height: 1.5; white-space: pre; z-index: 1000000; position: fixed; width: 100%; height: 100%; background: white;}"));
document.getElementsByTagName("head")[0].appendChild(css);
var newDiv = document.createElement("div");
newDiv.className = "warning-message-failure";
newDiv.innerHTML = "Your browser was unable to load the application data. We've been notified of the issue. Please try again in a few moments and make sure not to use ad-blockers.";
document.body.appendChild(newDiv);};</script>
<div style="display: none;">75849jkl432ggfdfdjsakl</div>
</body>
</html>



I want to be able to upload the comics from smackjeeves into my template.
I can't really offer to pay as I'm not doing so well with money right now but I can supply you with a free wallpaper of one of my characters and a shout out in the first chapter.
User avatar
RAGyuoP
 
Posts: 2
Joined: May 18th, 2019, 1:05 pm

Re: Need help with already done template

Postby eishiya » July 12th, 2019, 3:40 pm

There's no layout in this code, just a bunch of JavaScript that fetches data (including perhaps template data?) from some external source. It looks like the website builder you use doesn't actually give you usable code, it just generates a bunch of calls to the website building service you used, which then generates the code on the fly.

This sort of thing can't be used with SJ's template system, it needs static HTML, which it then fills out with the dynamic data (i.e. your comic pages, comments, etc).
Image
User avatar
eishiya
 
Posts: 9766
Joined: December 5th, 2009, 11:17 am

Re: Need help with already done template

Postby RAGyuoP » July 12th, 2019, 4:27 pm

eishiya wrote:There's no layout in this code, just a bunch of JavaScript that fetches data (including perhaps template data?) from some external source. It looks like the website builder you use doesn't actually give you usable code, it just generates a bunch of calls to the website building service you used, which then generates the code on the fly.

This sort of thing can't be used with SJ's template system, it needs static HTML, which it then fills out with the dynamic data (i.e. your comic pages, comments, etc).
\


I mean it works on the site... Are you saying you really can't add it on there?
User avatar
RAGyuoP
 
Posts: 2
Joined: May 18th, 2019, 1:05 pm

Re: Need help with already done template

Postby eishiya » July 12th, 2019, 7:24 pm

Not from the code you provided, if that's the whole code. The code you posted doesn't contain a layout. It's probably fetching the website data and appearance dynamically from somewhere else, which is why it "works", but there's no (practical) way to fetch the layout and include the SmackJeeves data (your comic) on SJ, because the site you're fetching the data from (wherever you built that layout) isn't made to do that.

Do you have a link to the website, where it works? Perhaps your layout is simple enough to recreate without this dynamic-fetching mess xP
Image
User avatar
eishiya
 
Posts: 9766
Joined: December 5th, 2009, 11:17 am


Return to Template Requests

Who is online

Users browsing this forum: No registered users and 2 guests