Skip to content

Commit

Permalink
deploy tailwind message silencing and other fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@jukkapajarinen
jukkapajarinen committed Nov 8, 2024
1 parent 2546934 commit acfb4f2
Show file tree
Hide file tree
Showing 5 changed files with 53 additions and 122 deletions.
71 changes: 34 additions & 37 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,13 @@
<meta name="author" content="Lumitum Oy" />
<title>Ohjelmistokonsultointi - Lumitum Oy</title>
<link rel="shortcut icon" href="./images/favicon.png" type="image/png" />
<link rel="stylesheet" href="./src/main.css?v=3" type="text/css" />
<link
rel="stylesheet"
href="./lib/fontawesome-all.min.css"
type="text/css"
/>
<script src="./lib/tailwindcss-3.4.5.js" type="text/javascript"></script>
<link rel="stylesheet" href="./lib/tailwind.min.css" type="text/css" />
<link rel="stylesheet" href="./src/main.css?v=4" type="text/css" />
<script src="./lib/jquery-3.7.1.min.js" type="text/javascript"></script>
<script defer src="./src/main.js?v=3" type="text/javascript"></script>
</head>
Expand All @@ -27,14 +27,17 @@
class="flex items-center space-x-2 mb-14"
>
<img id="image" src="images/logo.svg" />
<span id="text" class="font-bold text-gray-700 hover:text-blue-500"
<span id="text" class="font-bold text-gray-800 hover:text-blue-600"
>Lumitum</span
>
</a>
<h1 class="text-5xl font-bold text-gray-700 mb-10">
<h1
class="text-4xl lg:text-5xl lg:leading-tight font-bold text-gray-800 mb-10"
id="typing-effect-title"
>
Tarvitsetko ohjelmisto<wbr />kehityksen konsultointia?
</h1>
<p class="text-lg text-gray-500 mb-10">
<p class="text-lg text-gray-700 mb-10">
Suunnittelemme ja toteutamme ohjelmistotuotteesi tai osallistumme
konsultointiapuna projektiisi. Meiltä saat huippulaadukasta koodia ja
intohimoisesti ammattiinsa suhtautuvat kehittäjät. Ota yhteyttä niin
Expand All @@ -47,71 +50,65 @@ <h1 class="text-5xl font-bold text-gray-700 mb-10">
>
<article class="tile one text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">Drupal</h2>
<p class="text-gray-200 mt-2">
<p class="mt-2">
Teemojen ja moduulien kehitys sekä asennukset ja ylläpito.
</p>
</article>
<article class="tile two text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">WordPress</h2>
<p class="text-gray-200 mt-2">
<p class="mt-2">
Teemojen ja pluginien kehitys sekä asennukset ja ylläpito.
</p>
</article>
<article class="tile three text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">Django</h2>
<p class="text-gray-200 mt-2">Kehitystyöt vankalla kokemuksella!</p>
<p class="mt-2">Kehitystyöt vankalla kokemuksella!</p>
</article>
<article class="tile four text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">Ruby On Rails</h2>
<p class="text-gray-200 mt-2">Kehitystyöt vankalla kokemuksella!</p>
<p class="mt-2">Kehitystyöt vankalla kokemuksella!</p>
</article>
<article class="tile five text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">Node.JS</h2>
<p class="text-gray-200 mt-2">Kehitystyöt vankalla kokemuksella!</p>
<p class="mt-2">Kehitystyöt vankalla kokemuksella!</p>
</article>
<article class="tile six text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">React</h2>
<p class="text-gray-200 mt-2">Kehitystyöt vankalla kokemuksella!</p>
<p class="mt-2">Kehitystyöt vankalla kokemuksella!</p>
</article>
<article class="tile one text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">Angular</h2>
<p class="text-gray-200 mt-2">Kehitystyöt vankalla kokemuksella!</p>
<p class="mt-2">Kehitystyöt vankalla kokemuksella!</p>
</article>
<article class="tile two text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">Laravel</h2>
<p class="text-gray-200 mt-2">Kehitystyöt vankalla kokemuksella!</p>
<p class="mt-2">Kehitystyöt vankalla kokemuksella!</p>
</article>
<article class="tile three text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">Google Cloud</h2>
<p class="text-gray-200 mt-2">
Ympäristöjen määrittely ja toteutus!
</p>
<p class="mt-2">Ympäristöjen määrittely ja toteutus!</p>
</article>
<article class="tile four text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">Azure</h2>
<p class="text-gray-200 mt-2">
Ympäristöjen määrittely ja toteutus!
</p>
<p class="mt-2">Ympäristöjen määrittely ja toteutus!</p>
</article>
<article class="tile five text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">Ohjelmistotestaus</h2>
<p class="text-gray-200 mt-2">
Verkkosovellusten testaus vankalla kokemuksella!
</p>
<p class="mt-2">Verkkosovellusten testaus vankalla kokemuksella!</p>
</article>
<article class="tile six text-white rounded p-10">
<h2 class="text-xl font-bold uppercase">Sulautetut järjestelmät</h2>
<p class="text-gray-200 mt-2">Kehitystyöt vankalla kokemuksella!</p>
<p class="text-gray-100 mt-2">Kehitystyöt vankalla kokemuksella!</p>
</article>
</section>
</main>
<footer
id="page-footer"
class="w-full bg-gray-100 py-12 border-t border-gray-200 text-gray-500 mt-10"
class="w-full bg-gray-100 py-12 border-t border-gray-200 text-gray-700 mt-10"
>
<div class="container mx-auto p-4 flex flex-wrap">
<section id="contact" class="w-full lg:w-2/3 p-4 mb-4">
<h2 class="font-bold text-xl text-gray-700 uppercase mb-10">
<h2 class="font-bold text-xl text-gray-800 uppercase mb-10">
Ota yhteyttä
</h2>
<form action="#" id="contact-form" class="space-y-4">
Expand All @@ -137,15 +134,15 @@ <h2 class="font-bold text-xl text-gray-700 uppercase mb-10">
<input
type="submit"
value="Lähetä tästä"
class="cursor-pointer bg-gray-600 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"
class="cursor-pointer bg-blue-600 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"
/>
<i class="ml-2 text-gray-500">(sähköpostilla)</i>
<i class="ml-2 text-gray-700">(sähköpostilla)</i>
</div>
</form>
</section>
<section id="staff" class="w-full lg:w-1/3 p-4 mb-4">
<div class="mb-12">
<h4 class="font-bold text-lg text-gray-700 uppercase mb-6">
<h4 class="font-bold text-lg text-gray-800 uppercase mb-6">
Mauri Mustonen
</h4>
<p class="mb-4">
Expand All @@ -158,30 +155,30 @@ <h4 class="font-bold text-lg text-gray-700 uppercase mb-6">
<a
href="https://www.linkedin.com/in/mauri-mustonen-401481179/"
target="_blank"
class="hover:text-blue-500"
class="hover:text-blue-600"
><i class="fab fa-linkedin"></i
></a>
</li>
<li>
<a
href="https://github.com/kazhuu"
target="_blank"
class="hover:text-blue-500"
class="hover:text-blue-600"
><i class="fab fa-github"></i
></a>
</li>
<li>
<a
href="https://www.mauri.codes/"
target="_blank"
class="hover:text-blue-500"
class="hover:text-blue-600"
><i class="fas fa-globe-europe"></i
></a>
</li>
</ul>
</div>
<div>
<h4 class="font-bold text-lg text-gray-700 uppercase mb-6">
<h4 class="font-bold text-lg text-gray-800 uppercase mb-6">
Jukka Pajarinen
</h4>
<p class="mb-4">
Expand All @@ -194,23 +191,23 @@ <h4 class="font-bold text-lg text-gray-700 uppercase mb-6">
<a
href="https://fi.linkedin.com/in/jukkapajarinen"
target="_blank"
class="hover:text-blue-500"
class="hover:text-blue-600"
><i class="fab fa-linkedin"></i
></a>
</li>
<li>
<a
href="https://github.com/jukkapajarinen"
target="_blank"
class="hover:text-blue-500"
class="hover:text-blue-600"
><i class="fab fa-github"></i
></a>
</li>
<li>
<a
href="https://www.jukkapajarinen.com/"
target="_blank"
class="hover:text-blue-500"
class="hover:text-blue-600"
><i class="fas fa-globe-europe"></i
></a>
</li>
Expand All @@ -219,9 +216,9 @@ <h4 class="font-bold text-lg text-gray-700 uppercase mb-6">
</section>
<section id="copyright" class="w-full p-4 mb-4 opacity-50">
<ul
class="text-gray-400 xl:flex xl:flex-row xl:items-center xl:space-x-4"
class="text-gray-700 xl:flex xl:flex-row xl:items-center xl:space-x-4"
>
<li class="xl:pr-4 xl:border-r xl:border-gray-300">
<li class="xl:pr-4 xl:border-r xl:border-gray-400">
Lumitum Oy © <span id="footer-year">2024</span>
</li>
<li>Y-tunnus: 3126163-3</li>
Expand Down
1 change: 1 addition & 0 deletions lib/tailwind.min.css
View file

Large diffs are not rendered by default.

62 changes: 0 additions & 62 deletions lib/tailwindcss-3.4.5.js
View file

This file was deleted.

14 changes: 14 additions & 0 deletions src/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,21 @@
src: url("../webfonts/Montserrat-Bold.otf") format("truetype");
}

/**************************************************/
/* TailwindCSS containers */
/**************************************************/
.container { max-width: 100%; }
@media (min-width: 600px) { .container { max-width: 600px; } }
@media (min-width: 700px) { .container { max-width: 700px; } }
@media (min-width: 800px) { .container { max-width: 800px; } }
@media (min-width: 900px) { .container { max-width: 900px; } }
@media (min-width: 1000px) { .container { max-width: 1000px; } }

/**************************************************/
/* Other customization */
/**************************************************/
body {
font-family: FiraSans, sans-serif;
background: #ffffff;
background-image: radial-gradient(#585cd047 1px, #ffffff 1px);
background-size: 20px 20px;
Expand Down
27 changes: 4 additions & 23 deletions src/main.js
View file
Original file line number Diff line number Diff line change
@@ -1,25 +1,3 @@
/**************************************************/
/* External libraries */
/**************************************************/
tailwind.config = {
theme: {
container: {
screens: {
sm: '600px',
md: '700px',
lg: '800px',
xl: '900px',
'2xl': '1000px',
},
},
extend: {
fontFamily: {
sans: ["FiraSans", "sans-serif"],
},
},
},
};

/**************************************************/
/* Helper to create the wanted address */
/**************************************************/
Expand All @@ -36,7 +14,7 @@ const createAddress = (i) => {
/* Crawler and Mailto spambot prevention */
/**************************************************/
const createMailtoAnchor = (i) => {
return `<a class="hover:text-blue-500" href="${
return `<a class="hover:text-blue-600 hover:underline" href="${
"mai" + "lto" + ":" + createAddress(i)
}">${createAddress(i)}</a>`;
};
Expand Down Expand Up @@ -118,6 +96,9 @@ const onReady = () => {

// Initiate tiles walk through animation
walkthroughAnimation($(".tile"), -1);

// Say hello to developer
console.log("Hello Developer! 👋");
};

/**************************************************/
Expand Down

0 comments on commit acfb4f2

Please sign in to comment.