Mistři v programování na #hovnokod

zaujima definicia jedneho fontu

@font-face {
    font-family: lbregular;
    src: url(/assets/font/LibreBaskerville-Regular.otf);
}
@font-face {
    font-family: lbbold;
    src: url(/assets/font/LibreBaskerville-Bold.otf);
}
@font-face {
    font-family: lbitalic;
    src: url(/assets/font/LibreBaskerville-Italic.otf);
}
@font-face {
    font-family: cdregular;
    src: url(/assets/font/CinzelDecorative-Regular.ttf);
}
@font-face {
    font-family: cdbold;
    src: url(/assets/font/CinzelDecorative-Bold.ttf);
}

no comment...

html .visible-lg {
    display: none;
}

html .visible-md {
    display: none;
}

html .visible-sm {
    display: none;
}

html .visible-xs {
    display: none;
}

Ponekud nesedi vyber prvku v comboboxu a validacni hlaska. Formular nelze odeslat.

<div _ngcontent-c95="" class="lane lane--fourth ng-star-inserted">
      <p _ngcontent-c95="" class="label">Délka trvání <span _ngcontent-c95="">*</span></p>
      <!----><aukro-select _ngcontent-c95="" class="possibleDaysSelect select ng-star-inserted"><div class="c-select selected" clickoutside="">
  <!---->
  <div class="aukro-select-trigger">
    <!---->
    <!---->
    <!----><span class="selected-title ng-star-inserted">3 dny</span>
    <i class="arrow-icn"></i>
  </div>
  <ul class="aukro-select-list">
    <!----><li class="aukro-select-list-item ng-star-inserted selected">
      <!---->
      <span class="option-name">3 dny</span>
    </li><li class="aukro-select-list-item ng-star-inserted">
      <!---->
      <span class="option-name">5 dní</span>
    </li><li class="aukro-select-list-item ng-star-inserted">
      <!---->
      <span class="option-name">7 dní</span>
    </li><li class="aukro-select-list-item ng-star-inserted">
      <!---->
      <span class="option-name">10 dní</span>
    </li>
  </ul>
</div>
</aukro-select>
      <!---->
      <!----><div _ngcontent-c95="" class="error-message ng-star-inserted">
        <span _ngcontent-c95="">Délka trvání musí být nejméně 12 dní.</span>
      </div>
    </div>

Pre istotu ...

@keyframes animation{
	0%   {left: 0;}
	1%	 {left: 0;}
	2%	 {left: 0;}
	3%	 {left: 0;}
	4%	 {left: 0;}
	5%	 {left: 0;}
	6%	 {left: 0;}
	7%	 {left: 0;}
	8%	 {left: 0;}
	9%	 {left: 0;}
	10%	 {left: 0;}
	11%  {left: 0;}
	12%	 {left: 0;}
	13%	 {left: 0;}
	14%	 {left: 0;}
	15%	 {left: 0;}
	16%	 {left: 0;}
	17%	 {left: -25%;}
	18%	 {left: -50%;}
	19%	 {left: -75%;}
	20%	 {left: -100%;}
	21%	 {left: -100%;}
	22%	 {left: -100%;}
	23%	 {left: -100%;}
	24%	 {left: -100%;}
	25%	 {left: -100%;}
	26%	 {left: -100%;}
	27%	 {left: -100%;}
	28%	 {left: -100%;}
	29%	 {left: -100%;}
	30%	 {left: -100%;}
	31%	 {left: -100%;}
	32%	 {left: -100%;}
	33%	 {left: -100%;}
	34%	 {left: -100%;}
	35%	 {left: -100%;}
	36%	 {left: -100%;}
	37%	 {left: -125%;}
	38%	 {left: -150%;}
	39%	 {left: -175%;}
	40%	 {left: -200%;}
	41%	 {left: -200%;}
	42%	 {left: -200%;}
	43%	 {left: -200%;}
	44%	 {left: -200%;}
	45%	 {left: -200%;}
	46%	 {left: -200%;}
	47%	 {left: -200%;}
	48%	 {left: -200%;}
	49%	 {left: -200%;}
	50%	 {left: -200%;}
	51%	 {left: -200%;}
	52%	 {left: -200%;}
	53%	 {left: -200%;}
	54%	 {left: -200%;}
	55%	 {left: -200%;}
	56%	 {left: -200%;}
	57%	 {left: -225%;}
	58%	 {left: -250%;}
	59%	 {left: -275%;}
	60%	 {left: -300%;}
	61%	 {left: -300%;}
	62%	 {left: -300%;}
	63%	 {left: -300%;}
	64%	 {left: -300%;}
	65%	 {left: -300%;}
	66%	 {left: -300%;}
	67%	 {left: -300%;}
	68%	 {left: -300%;}
	69%	 {left: -300%;}
	70%	 {left: -300%;}
	71%	 {left: -300%;}
	72%	 {left: -300%;}
	73%	 {left: -300%;}
	74%	 {left: -300%;}
	75%	 {left: -300%;}
	76%	 {left: -300%;}
	77%	 {left: -325%;}
	78%	 {left: -350%;}
	79%	 {left: -375%;}
	80%	 {left: -400%;}
	81%	 {left: -400%;}
	82%	 {left: -400%;}
	83%	 {left: -400%;}
	84%	 {left: -400%;}
	85%	 {left: -400%;}
	86%	 {left: -400%;}
	87%	 {left: -400%;}
	88%	 {left: -400%;}
	89%	 {left: -400%;}
	90%	 {left: -400%;}
	91%	 {left: -400%;}
	92%	 {left: -400%;}
	93%	 {left: -400%;}
	94%	 {left: -400%;}
	95%	 {left: -400%;}
	96%	 {left: -400%;}
	97%	 {left: -300%;}
	98%	 {left: -200%;}
	99%	 {left: -100%;}
    100% {left: 0;}
}

Myšlenka \"stylování\" pomocí PHP. Nikdo nemůže říct, že si autor neušetřil ruční psaní CSS deklarací.

<td style=\"$td_style\">Jméno</td>        
<td style=\"$td_style\"> Odpracováno</td>
<td style=\"$td_style\"> Přesčas</td>
<td style=\"$td_style\"> Noční</td>
<td style=\"$td_style\"> Přesčas rok</td>
<td style=\"$td_style\"> Přesčas 1. půlrok</td>
<td style=\"$td_style\"> Přesčas 2. půlrok</td>