| {% extends 'layout.html' %}
| {% block page_title %}Services{% endblock %}
| {% set title = 'services' %}

| {% block og %}
meta(property="og:type", content="website")
meta(property="og:url", content="{{ url_for('cloud.services') }}")

meta(property="og:title", content="Services - Blender Cloud")
meta(name="twitter:title", content="Services - Blender Cloud")
meta(property="og:description", content="Personal Projects · Blender Integration · Texture Browsing · Production Management")
meta(name="twitter:description", content="Personal Projects · Blender Integration · Texture Browsing · Production Management")
meta(property="og:image", content="{{ url_for('static', filename='assets/img/backgrounds/background_services.jpg')}}")
meta(name="twitter:image", content="{{ url_for('static', filename='assets/img/backgrounds/background_services.jpg')}}")
| {% endblock %}

| {% block page_overlay %}
#page-overlay.video
	.video-embed
| {% endblock %}

| {% block body %}
#page-container
	#page-header(style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/services_projects.jpg')}})")
		.container
			.page-title
				| Blender Cloud Services
			.page-title-summary
				span.text-background
					p.
						Blender Cloud is the creative hub for your projects, powered by Free and Open Source software.

					p.
						On Blender Cloud you can create and share personal projects, access our texture and HDRI
						library (or create your own), keep track of your production, manage your renders and much more!

		.navbar-backdrop-overlay

	- var addon_text = 'Available through the <a href="{{ url_for(\'cloud.services\') }}#blender-cloud-add-on">Blender Cloud add-on</a>'

	#page-content

		section#blender-cloud-add-on.page-card
			.page-card-side
				h2.page-card-title
					| Blender Cloud add-on
				.page-card-summary
					p.
						The Blender Cloud add-on provides access to most of our services directly within Blender.
					p.
						Use the add-on to share images online, submit renders to Flamenco or browse textures and HDRI libraries!

					hr

					small Blender Cloud add-on requires Blender 2.78 or newer

				a.page-card-cta.download(
					href="https://cloud.blender.org/r/downloads/blender_cloud-latest-addon.zip")
					i.pi-download
					| Download add-on &nbsp;<small>v</small> {{ config.BLENDER_CLOUD_ADDON_VERSION }}

			.page-card-side
				img(
					src="{{ url_for('static', filename='assets/img/features/blender_cloud_addon_thumbnail.png')}}")

		section#blender-sync.page-card.right
			.page-card-side
				h2.page-card-title Blender Sync
				.page-card-summary
					| Save your settings once. Use them anywhere.
					| Carry your Blender configuration with you,
					| use our add-on to sync your keymaps and preferences.
					hr
					small Blender Sync is <strong>free</strong> for everyone! No subscription required.
					small  This add-on requires Blender 2.78 or newer.

					.tip !{addon_text}


				a.page-card-cta(
					href="https://cloud.blender.org/blog/introducing-blender-sync")
					| Learn More

			.page-card-side
				img(
					src="{{ url_for('static', filename='assets/img/features/sync_thumbnail.jpg')}}")


		section#texture-browser.page-card.right
			.page-card-side
				h2.page-card-title Texture & HDRI Browser
				.page-card-summary
					p.
						Access the <a href="https://cloud.blender.org/p/textures/">Blender Cloud Textures</a>
						library from within Blender using our exclusive add-on.
						Create, manage and share <em>your own</em> texture libraries!

					.tip !{addon_text}

				a.page-card-cta.js-watch-video.download(
					href="https://www.youtube.com/watch?v=-srXYv2Osjw",
					data-youtube-id="-srXYv2Osjw")
					i.pi-play
					| Watch Video

			.page-card-side
				img(
					src="{{ url_for('static', filename='assets/img/features/tex_library_thumbnail.jpg')}}")


		section#image-sharing.page-card.right
			.page-card-side
				h2.page-card-title Image Sharing
				.page-card-summary
					| Got a nice render, a Blender oddity, a cool screenshot?
					| Share it instantly from within Blender to the Cloud, to the world!

					.tip !{addon_text}

				a.page-card-cta.download.js-watch-video(
					href="https://www.youtube.com/watch?v=yvtqeMBOAyk",
					data-youtube-id="yvtqeMBOAyk")
					i.pi-play
					| Watch Video

				a.page-card-cta.outline(
				href="https://cloud.blender.org/blog/introducing-image-sharing")
					| Learn More

			.page-card-side
				img(
					src="{{ url_for('static', filename='assets/img/features/image_sharing_thumbnail.jpg')}}")


		section#projects.page-card.right
			.page-card-side
				h2.page-card-title Private Projects
				.page-card-summary.
					Create and manage your own personal projects.
					Upload assets and collaborate with other Blender Cloud members.

				a.page-card-cta(
					href="https://cloud.blender.org/blog/introducing-private-projects")
					| Learn More

			.page-card-side
				img(
					src="{{ url_for('static', filename='assets/img/features/projects_thumbnail.jpg')}}")


		section#attract.page-card.right
			.page-card-side
				h2.page-card-title
					| Attract
				.page-card-summary.
					Production-management software for your film, game, or commercial projects.

				a.page-card-cta.download.js-watch-video(
					href="https://www.youtube.com/watch?v=b9x1rlyyt_o",
					data-youtube-id="b9x1rlyyt_o")
					i.pi-play
					| Watch Video

				a.page-card-cta(
					href="https://cloud.blender.org/blog/attract-and-flamenco-public-beta",
					title="Learn more about Attract")
					| Learn More

			.page-card-side
				img(
					src="{{ url_for('static', filename='assets/img/features/attract_thumbnail.jpg')}}")


		section#flamenco.page-card.right
			.page-card-side
				h2.page-card-title
					| Flamenco
				.page-card-summary.
					Take control of your computing infrastructure and get things done.

				a.page-card-cta.download.js-watch-video(
					href="https://www.youtube.com/watch?v=7cnFKhsM67Q",
					data-youtube-id="7cnFKhsM67Q")
					i.pi-play
					| Watch Video

				a.page-card-cta(
					href="https://flamenco.io",
					title="Learn more about Flamenco")
					| Learn More

			.page-card-side
				img(
					src="{{ url_for('static', filename='assets/img/features/flamenco_thumbnail.jpg')}}")


		| {% if not current_user.has_role('subscriber') %}
		section.page-card.subscribe(
			style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/pattern_01.jpg')}})")
			.page-card-side
				h2.page-card-title
					| All of this, plus hours of training and production assets.
				.page-card-summary
					| Join us for only $9.90/month!
				a.page-card-cta(
					href="https://store.blender.org/product/membership/")
					| Subscribe Now
		| {% endif %}


| {% endblock %}

| {% block footer_scripts %}
script.
	// Click anywhere in the page to hide the overlay
	function hideOverlay() {
		$('#page-overlay.video').removeClass('active');
		$('#page-overlay.video .video-embed').html('');
	}

	$(document).click(function() {
		hideOverlay();
	});

	$(document).keyup(function(e) {
		if (e.keyCode == 27) {
			hideOverlay();
		}
	});

	$('a.js-watch-video').click(function(e){
		e.preventDefault();
		e.stopPropagation();

		$('#page-overlay.video').addClass('active');

		var videoId = $(this).attr('data-youtube-id');
		$('#page-overlay .video-embed').html('<iframe src="https://www.youtube.com/embed/' + videoId +'?rel=0&amp;showinfo=0;autoplay=1" frameborder="0" allowfullscreen></iframe>')
	});

| {% endblock %}
