Here are the simple steps needed to create a deployment from your local GIT repository to a server based on this in-depth tutorial.
You are developing in a working-copy on your local machine, lets say on the master branch. Most of the time, people would push code to a remote server like github.com or gitlab.com and pull or export it to a production server. Or you use a service like deepl.io to act upon a Web-Hook that's triggered that service.
| //also use: https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.2.0/tailwind.min.css | |
| @import url('https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,400;0,900;1,500&display=swap'); | |
| body { | |
| font-family: "Muli"; | |
| } |
| <!-- | |
| tailwind css v1.9.6 | |
| https://play.tailwindcss.com/hhTRewpDYU | |
| --> | |
| <div class="fixed inset-0 bg-gray-100 flex items-center justify-center"> | |
| <div class="flex flex-col items-stretch"> | |
| <div class="w-64 h-64 bg-cover bg-center shadow-lg rounded" style="background-image: url('https://images.unsplash.com/photo-1606851686066-c7f17f1ece96?ixid=MXwxMjA3fDF8MHxzZWFyY2h8MXx8Zm9vZHxlbnwwfHwwfA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=60');"></div> | |
| <div class="bg-white p-8 w-56 ml-4 shadow-lg rounded overflow-hidden -mt-8 z-10"> | |
| <h2 class="text-2xl font-semibold">some text here</h2> | |
| <span class="text-gray-600 font-semibold">This is the subtext</span> |
| /* | |
| * Copyright (c) 2017 Emil Davtyan | |
| * | |
| * Permission is hereby granted, free of charge, to any person obtaining | |
| * a copy of this software and associated documentation files (the | |
| * "Software"), to deal in the Software without restriction, including | |
| * without limitation the rights to use, copy, modify, merge, publish, | |
| * distribute, sublicense, and/or sell copies of the Software, and to | |
| * permit persons to whom the Software is furnished to do so, subject to | |
| * the following conditions: |