appcropolis

After you create a project using the Appcropolis Builder, you can add a domain. Basically, you can create a policy to allow Appcropolis’ server to serve your files when requests are made from your domain.

Lets’ say that your domain name is “mycompany.com”. You can create a project inside the Appcropolis Builder, and name it anything you want, for example, “mycompany”. Your project public URL will be [PROJECT_NAME]-[YOUR_USER_NAME].simplifysites.com. For this example, your public URL might read something like this “mycompany-raul.simplifysites.com”. If you wish to server your website from “mycompany.com”, all what you have to do is:

1. Open your project in the builder
2. From the “Projects” menu, select the option “Domain”
3. Enter the domain you wish to link to your project (e.g. mycompany.com)
4. Save.
5. Go to your domain DNS admin page (e.g. GoDaddy – >Manage DNS)
6. Set your domain’s A record to point to 159.203.148.146.
7. Depending on your TTL (time to live), you may have to wait between 15 minutes and 6 hours before this change take effect.
8. From the Browser, access your domain.
9. Done! if the changes took effect you should be able to access your Appcropolis Builder Project from you domain URL.

<section id="content-1-3" class="content-block content-1-3">
	<div class="container">
		<div class="row">
		    <div class="appc-helper device-xs visible-xs" data-device="xs">XS</div>
            <div class="appc-helper device-sm visible-sm" data-device="sm">SM</div>
            <div class="appc-helper device-md visible-md" data-device="md">MD</div>
            <div class="appc-helper device-lg visible-lg" data-device="lg">LG</div>
            <h1>Device Mode (js):</h1>
            <div class="mode"></div>
		</div><!-- /.row -->
	</div><!-- /.container -->
</section>

.appc-helper {
    float: left;
    position: fixed;
    top: -10000px;
}

// @see: http://stackoverflow.com/questions/18575582/how-to-detect-responsive-breakpoints-of-twitter-bootstrap-3-using-javascript

// Detects which UI element is visible
function getBreakPoint() {
   var device = $('[class*="device-"]').filter(':visible').attr('data-device');
    return device;
}

// check for changes
var waitForFinalEvent = function() {
    // Create a private scope to set, clear, and check for timeout.
    // This will prevent too many timeout intervals from being set.
    var b = {};
    return function(func, intervalTime, timeStamp) {
        // create a key name using timeStamp, if provided
        timeStamp || (timeStamp = "unknown");
        // if key is set in private scope, clear interval
        b[timeStamp] && clearTimeout(b[timeStamp]);
        // set timeout for the timeStamp key
        b[timeStamp] = setTimeout(func, intervalTime)
    }
}();

// initial, unique interval name.
var fullDateString = new Date();

// how often to check for changes in the layout
var checkEvery = 250;

$(window).resize(function () {
    waitForFinalEvent(function(){
        var mode = getBreakPoint();
        setMode(mode);
    }, checkEvery, fullDateString.getTime())
});

// not in use but handy
function isBreakpoint( alias ) {
    return $('.device-' + alias).is(':visible');
}

// set changes in the UI
function setMode(mode) {
    var $mode = $('.mode');
        $mode.html(mode);
}

var mode = getBreakPoint();
setMode(mode);

Once you are done building your website using the Appcropolis Builder, you will have to do these two things to link your domain to the newly created website:

1. From your domain name provider admin console (e.g. GoDaddy), go to the DNS setting section and change the A Record to make it point to 159.203.148.146. All other settings should remain the same. This means that your email settings will not be changed, but all website requests will be re-routed to simplifysites.com.
   NOTE: It might take 15 minutes to 24 hours for this change to be completed.

2. Inside the builder, open your project and go to Project > Domain and add your domain name, click the verify button, accept the change if the domain link is available, and voila!