<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tailwind &#8211; Marcos Rego</title>
	<atom:link href="https://marcosrego.com/tag/tailwind/feed/" rel="self" type="application/rss+xml" />
	<link>https://marcosrego.com</link>
	<description>Web Development</description>
	<lastBuildDate>Mon, 05 Feb 2024 15:18:16 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>
	<item>
		<title>Fazer LP</title>
		<link>https://marcosrego.com/websites/fazer-lp/</link>
		
		<dc:creator><![CDATA[Marcos Rego]]></dc:creator>
		<pubDate>Tue, 09 Apr 2019 18:11:00 +0000</pubDate>
				<category><![CDATA[Websites]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Tailwind]]></category>
		<guid isPermaLink="false">https://marcosrego.com/?p=3056</guid>

					<description><![CDATA[Fazer is a new Portuguese magazine about design, their one-page website was designed by Carvalho Bernau and developed by me. This was a small coding project for Fazer&#8217;s first landing page, without backend and including a privacy policy for the newsletter. Nowadays they use WordPress and WooCommerce for their eCommerce website that I also developed. [&#8230;]]]></description>
										<content:encoded><![CDATA[<span id="more-3056"></span>
<!--noteaser-->



<figure class=" fixed-video_mobile mr-fadein  wp-block-video fixed-video_mobile mr-fadein"><video autoplay loop muted preload="none" src="https://marcosrego.com/wp-content/uploads/2021/04/fazer_site_phone.mp4" playsinline></video></figure>



<figure class=" fixed-video_desktop mr-fadein  wp-block-video fixed-video_desktop mr-fadein"><video autoplay loop muted preload="none" src="https://marcosrego.com/wp-content/uploads/2021/04/fazer_site_desktop.mp4" playsinline></video></figure>



<h2 class="wp-block-heading"><strong>Fazer is a new Portuguese magazine about design, their one-page website was designed by <a href="http://carvalho-bernau.com/" data-type="URL" data-id="http://carvalho-bernau.com/" target="_blank" rel="noreferrer noopener nofollow">Carvalho Bernau</a> and developed by me.</strong></h2>



<p>This was a small coding project for Fazer&#8217;s first landing page, without backend and including a privacy policy for the newsletter. Nowadays they use WordPress and WooCommerce for their <a href="https://marcosrego.com/websites/fazer/" data-type="post" data-id="2940">eCommerce website that I also developed</a>.</p>



<p>I still showcase this one-page, because it was when I first used <strong><a href="https://marcosrego.com/tag/tailwind/" data-type="post_tag" data-id="77">Tailwind</a></strong>, a cross-fade slider for background images (kudos to Dudley Storey) and a private Github repository for collaboration.</p>



<p>Although this was a coded project, I made it easier for the client to add and replace images to the background slider, with a dedicated JS file that only shows the necessary variables. Therefore, the only steps needed for the client were:</p>



<ul class="wp-block-list">
<li>Upload images into dist/assets/slider.</li>



<li>Add the filename (including format) into the array &#8216;bgImageArray&#8217;, located in dist/assets/slider.js.</li>
</ul>



<p></p>
]]></content:encoded>
					
		
		<enclosure url="https://marcosrego.com/wp-content/uploads/2021/04/fazer_site_phone.mp4" length="2813469" type="video/mp4" />
<enclosure url="https://marcosrego.com/wp-content/uploads/2021/04/fazer_site_desktop.mp4" length="1529488" type="video/mp4" />

			</item>
	</channel>
</rss>
