<commit_before>/*

	HOME

	____________________________________________________________

	Notes:
	-	Simple index view with links to the different products

*/
.homepage {
	overflow: auto;
	min-height: calc(100vh - @nav-height);
	width: 100%;
	z-index: 2;
	.gradient-h(@g4-onyx,@g0-obsidian);
	font-size: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;

	.cards-special, .cards-oss, .cards-enterprise {
		display: flex;
		flex-direction: row;
		width: 100%;
		flex-wrap: wrap;
		flex: 1;
	}

	&--card {
		width: 100%;
		display: inline-block;
		overflow: hidden;
		position: relative;

		&-mask {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0.1;
			transition:
				opacity 0.75s ease,
				transform 0.75s ease;
			z-index: 1;
			background-attachment: scroll;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			transform: scale(1,1);
		}
		&:hover {
			.homepage--card-mask {
				opacity: 1;
				transform: scale(1.2,1.2);
			}
			.homepage--card-title {
				color: @g20-white !important;
			}
		}

		&-container {
			position: relative;
			z-index: 2;
			width: 100%;
			display: inline-block;
			text-align: center;
			padding: 3.5rem 3rem;
			font-size: 0;

			a:link,
			a:active,
			a:visited {
				color: @default-link-color;
				transition: color 0.25s ease;
				text-decoration: none;
			}
			a:hover {
				color: @default-link-hover;
			}
		}
		&-title,
		&-description {
			text-align: left;
			display: inline-block;
			width: 100%;
			vertical-align: middle;
		}
		&-title {
			font-size: 2rem;
			font-family: Klavika-Light, sans-serif;
			font-weight: 200;
			font-style: italic;
			color: @sidebar-title-color;
			margin-bottom: 0.5em;
			transition: color 0.75s ease;
		}
		&-description {
			font-size: 1rem;
			color: @article-text;
			line-height: 1.4em;
			font-weight: 400;
		}
		&-link {
			display: inline-block;
			font-size: 0.875rem;
			font-weight: 600;
			margin-left: 0.25rem;
			padding: 2px 11px;
			border-radius: 3px;

			&:first-of-type {
				margin-top: 1rem;
			}
		}

		// Themes
		&.card-telegraf {
			.homepage--card-mask {
				background-image: url(/img/home-telegraf.svg);
				background-color: @c-curacao;
			}
			.homepage--card-description {
				color: @g20-white;
			}
			.homepage--card-title {
				color: @c-dreamsicle;
			}
			a.homepage--card-link:link,
			a.homepage--card-link:active,
			a.homepage--card-link:visited {
				color: @g20-white;
				transition:
					background-color 0.25s ease,
					color 0.25s ease;
			}
			a.homepage--card-link:hover {
				color: @c-dreamsicle;
				background-color: @g20-white;
			}
		}
		&.card-influxdb, &.card-influxdb2 {
			.homepage--card-mask {
				background-image: url(/img/home-influxdb.svg);
				background-color: @c-ocean;
			}
			.homepage--card-description {
				color: @g20-white;
			}
			.homepage--card-title {
				color: @c-laser;
			}
			a.homepage--card-link:link,
			a.homepage--card-link:active,
			a.homepage--card-link:visited {
				color: @g20-white;
				transition:
					background-color 0.25s ease,
					color 0.25s ease;
			}
			a.homepage--card-link:hover {
				color: @c-pool;
				background-color: @g20-white;
			}
		}
		&.card-influxdb2 {
			.homepage--card-mask {
				background-image: url(/img/home-chronograf.svg);
				background-color: @c-comet;
				opacity: .85;
			}
			.homepage--card-title {
				color: @g20-white;
			}
			.homepage--card-title:after {
				content: 'alpha';
				display: inline-block;
				font-size: .55em;
				font-weight: bold;
				font-style: italic;
				padding: .2rem .35rem;
				margin-left: .5rem;
				background-color: fade(@g20-white, 25%);
				border-radius: @radius;
				vertical-align: inherit;
			}
			a.homepage--card-link:hover {
				color: @c-comet;
				background-color: @g20-white;
			}
		}
		&.card-chronograf {
			.homepage--card-mask {
				background-image: url(/img/home-chronograf.svg);
				background-color: @c-star;
			}
			.homepage--card-description {<commit_msg>update layout to remove alpha<commit_after>/*

	HOME

	____________________________________________________________

	Notes:
	-	Simple index view with links to the different products

*/
.homepage {
	overflow: auto;
	min-height: calc(100vh - @nav-height);
	width: 100%;
	z-index: 2;
	.gradient-h(@g4-onyx,@g0-obsidian);
	font-size: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;

	.cards-special, .cards-oss, .cards-enterprise {
		display: flex;
		flex-direction: row;
		width: 100%;
		flex-wrap: wrap;
		flex: 1;
	}

	&--card {
		width: 100%;
		display: inline-block;
		overflow: hidden;
		position: relative;

		&-mask {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0.1;
			transition:
				opacity 0.75s ease,
				transform 0.75s ease;
			z-index: 1;
			background-attachment: scroll;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			transform: scale(1,1);
		}
		&:hover {
			.homepage--card-mask {
				opacity: 1;
				transform: scale(1.2,1.2);
			}
			.homepage--card-title {
				color: @g20-white !important;
			}
		}

		&-container {
			position: relative;
			z-index: 2;
			width: 100%;
			display: inline-block;
			text-align: center;
			padding: 3.5rem 3rem;
			font-size: 0;

			a:link,
			a:active,
			a:visited {
				color: @default-link-color;
				transition: color 0.25s ease;
				text-decoration: none;
			}
			a:hover {
				color: @default-link-hover;
			}
		}
		&-title,
		&-description {
			text-align: left;
			display: inline-block;
			width: 100%;
			vertical-align: middle;
		}
		&-title {
			font-size: 2rem;
			font-family: Klavika-Light, sans-serif;
			font-weight: 200;
			font-style: italic;
			color: @sidebar-title-color;
			margin-bottom: 0.5em;
			transition: color 0.75s ease;
		}
		&-description {
			font-size: 1rem;
			color: @article-text;
			line-height: 1.4em;
			font-weight: 400;
		}
		&-link {
			display: inline-block;
			font-size: 0.875rem;
			font-weight: 600;
			margin-left: 0.25rem;
			padding: 2px 11px;
			border-radius: 3px;

			&:first-of-type {
				margin-top: 1rem;
			}
		}

		// Themes
		&.card-telegraf {
			.homepage--card-mask {
				background-image: url(/img/home-telegraf.svg);
				background-color: @c-curacao;
			}
			.homepage--card-description {
				color: @g20-white;
			}
			.homepage--card-title {
				color: @c-dreamsicle;
			}
			a.homepage--card-link:link,
			a.homepage--card-link:active,
			a.homepage--card-link:visited {
				color: @g20-white;
				transition:
					background-color 0.25s ease,
					color 0.25s ease;
			}
			a.homepage--card-link:hover {
				color: @c-dreamsicle;
				background-color: @g20-white;
			}
		}
		&.card-influxdb, &.card-influxdb2 {
			.homepage--card-mask {
				background-image: url(/img/home-influxdb.svg);
				background-color: @c-ocean;
			}
			.homepage--card-description {
				color: @g20-white;
			}
			.homepage--card-title {
				color: @c-laser;
			}
			a.homepage--card-link:link,
			a.homepage--card-link:active,
			a.homepage--card-link:visited {
				color: @g20-white;
				transition:
					background-color 0.25s ease,
					color 0.25s ease;
			}
			a.homepage--card-link:hover {
				color: @c-pool;
				background-color: @g20-white;
			}
		}
		&.card-influxdb2 {
			.homepage--card-mask {
				background-image: url(/img/home-chronograf.svg);
				background-color: @c-comet;
				opacity: .85;
			}
			.homepage--card-title {
				color: @g20-white;
			}
			
			a.homepage--card-link:hover {
				color: @c-comet;
				background-color: @g20-white;
			}
		}
		&.card-chronograf {
			.homepage--card-mask {
				background-image: url(/img/home-chronograf.svg);
				background-color: @c-star;
			}
			.homepage--card-description {
{'fraction_non_alphanumeric': 0.15435473617291798, 'fraction_numerical': 0.03153210425937698, 'mean_word_length': 2.506910387873384, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2937895', 'n_tokens_mistral': 3897, 'n_tokens_neox': 2991, 'n_words': 557}