<?php
site_script(path('views/_tools/_translation-page-generator/scripts.min.js'));
?>
<div class="wrapper text">
<?php
site_breadcrumbs();
?>
<h1>Translation Page Generator</h1>
<p class="intro">Generate the HTML needed to add a translation page to your website. Makes use of Google Translate.</p>
<form class="entity-calculator">
<label>
<span>Your hourly rate?</span>
<input value="https://prothemedesign.com" id="website" type="url" />
</label>
<label>
<span>What language is your site currently written in?</span>
<select id="language"></select>
</label>
</form>
<h2>Translation Page HTML</h2>
<textarea id="translation-html"></textarea>
<p class="tip note">There's information about how and why to use this in our help doc - <a href="<?php
echo path('documentation/general/translating-your-website-content/');
?>
<?php
site_script(path('views/_tools/_how-much-to-charge/scripts.min.js'));
?>
<div class="wrapper text">
<?php
site_breadcrumbs();
?>
<h1>WordPress Freelance Pricing Calculator</h1>
<form class="entity-calculator">
<label>
<span>Your hourly rate?</span>
<select id="currency" data-size="short">
<option value="$">$</option>
<option value="£">£</option>
<option value="€">€</option>
<option value="¥">¥</option>
</select>
<input type="number" step="10" min="10" id="rate" value="150" />
<p class="hint">You can <a href="http://motivapp.com/freelance-hourly-rate-calculator" target="_blank">calculate your rate here</a></p>
</label>
<label>
<span>Approximate how long will the project take to complete?</span>
<input type="number" step="1" min="1" id="duration" value="20" />
<p class="hint">Make sure to include time for everything - emails, calls, meetings etc</p>
</label>
<label>
<?php
site_script(path('views/_tools/_support-details/scripts.min.js'));
include 'functions.php';
include 'browser.php';
$properties = array('ip-address' => array('name' => 'IP Address', 'icon' => 'map-marker', 'value' => sd_get_ip_address(), 'description' => 'An IP Address (Internet Protocol address) is a numerical label assigned to each device (e.g., computer, printer) in a computer network. This can be useful for distinguishing different machines.'), 'location' => array('name' => 'Location', 'icon' => 'globe', 'value' => sd_get_location(), 'description' => 'The location property may not be 100% accurate, especially the city element which is often wrong. However it is useful for seeing if there is anything wildly wrong with your computer settings (eg showing if you are in the wrong country).'), 'browser' => array('name' => 'Web Browser', 'icon' => sd_get_browser_icon(), 'value' => sd_get_browser(), 'description' => 'A web browser is the application you use to view the internet. Knowing exactly what this is makes it much easier for us to duplicate bugs that only happen on a specific device.'), 'browser-dimensions' => array('name' => 'Browser Dimensions', 'icon' => 'arrows-alt', 'value' => 'n/a', ''), 'platform' => array('name' => 'Platform', 'icon' => 'laptop', 'value' => sd_get_platform(), 'description' => 'The platform is either the device or the operating system you are using.'), 'javascript' => array('name' => 'Javascript', 'icon' => 'code', 'value' => 'disabled', 'description' => 'Some websites required javascript enabled to function correctly.'));
?>
<div class="wrapper text">
<?php
site_breadcrumbs();
?>
</div>
<div class="wrapper block-wrapper">
<?php
foreach ($properties as $key => $data) {
?>
<div class="block key-<?php
echo $key;
?>
invert">
<div class="content">
<?php
if (isset($data['description'])) {
?>
<a href="#help-<?php
echo $key;
?>
" class="tip scroll-to"><i class="fa fa-question-circle" aria-hidden="true"></i></a>
<?php
}
" class="button"><i class="fa fa-arrow-left" aria-hidden="true"></i><?php
echo $theme_data['name'];
?>
Site Showcase</a>
<a href="<?php
echo $theme_data['url'];
?>
" class="button"><?php
echo $theme_data['name'];
?>
Info</a>
<div class="preview-size">
<a href="/" class="selected" data-size="100%"><i class="fa fa-desktop" aria-hidden="true"></i></a>
<a href="/" data-size="768px"><i class="fa fa-tablet" aria-hidden="true"></i></a>
<a href="/" data-size="375"><i class="fa fa-mobile" aria-hidden="true"></i></a>
</div>
</header>
<div class="iframe-wrapper">
<iframe src="<?php
echo $site_data['url-iframe'];
?>
"></iframe>
</div>
<?php
site_script();
?>
</body>
</html>
<?php
site_script(path('views/_tools/_ascii-entity-conversion/scripts.min.js'));
?>
<div class="wrapper text">
<?php
site_breadcrumbs();
?>
<h1>Entity Conversion Calculator</h1>
<form class="entity-calculator">
<label>
<span>Paste a character to convert here:</span>
<input type="text" id="reverse" maxlength="1" />
</label>
<button class="button" type="button" id="convert">Convert</button>
</form>
<p class="entities">
<a href="#" data-entity="&">&</a>
<a href="#" data-entity="©">©</a>
<a href="#" data-entity="®">®</a>
<a href="#" data-entity="←">←</a>
<a href="#" data-entity="→">→</a>
<a href="#" data-entity="‹">‹</a>
<a href="#" data-entity="›">›</a>
<a href="#" data-entity="•">•</a>
</p>
<p class="note" id="numeric">
<?php
site_script(path('views/_tools/_website-tester/scripts.js'));
?>
<div class="wrapper text">
<?php
site_breadcrumbs();
?>
<h1>Website Tester</h1>
<textarea id="website-list">
https://www.binarymoon.co.uk/
https://masterwp.co/
https://prothemedesign.com/
</textarea>
<button class="button" id="website-test">Test</button>
</div>
<div class="website-tester" id="website-tester">
<header>
<h1>Website Preview</h1>
<a href="" class="close-frame button-close"><i class="fa fa-times" aria-hidden="true"></i></a>
<div class="preview-size">
<a href="/" class="selected" data-size="100%"><i class="fa fa-desktop" aria-hidden="true"></i></a>
<a href="/" data-size="768px"><i class="fa fa-tablet" aria-hidden="true"></i></a>
<a href="/" data-size="375"><i class="fa fa-mobile" aria-hidden="true"></i></a>
</div>
</header>
/**
* Check if Gumroad is enabled and if it is then add the Gumroad script
*/
function site_enable_purchase()
{
if (!DISABLE_GUMROAD) {
site_script('https://gumroad.com/js/gumroad.js', true);
}
}
<?php
site_script('https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js');
site_script(path('js/vendor/colorwheel.min.js'));
site_script(path('views/_tools/_color-picker/scripts.min.js'));
?>
<div class="wrapper text">
<?php
site_breadcrumbs();
?>
<div class="color-container">
<div class="colorwheel"></div>
<form>
<input type="text" class="color" name="color" value="#268ebe" />
</form>
</div>
</div>
<?php
site_include_view('_partials/more-themes.php');
<?php
site_script(path('js/vendor/quiz.js'));
site_script(path('views/_tools/_quiz-which-wordpress/scripts.min.js'));
?>
<div class="quiz wrapper text">
<?php
site_breadcrumbs();
?>
<div class="quiz-intro note message">
<h1>Which WordPress is Right for You?</h1>
<p>WordPress.org? WordPress.com? Use this simple quiz to find out which is best suited to you.</p>
<a class="quiz-button-start button fat" href="#">Start</a>
</div>
<div class="quiz-question">
<div class="question">
What is your annual budget for the site?
</div>
<ul class="answers">
<li>
<label><input data-key="a" type="radio">$0 - $150</label>
</li>
<li>
<label><input data-key="b" type="radio">$150 - $1000</label>
</li>
<li>