Pridany drafty na login, loga a CSS

KosiehBarter · KosiehBarter · commit dbb89fba4ba3 · 2016-02-23T16:11:45.000+01:00
CSS zalozeno na stylu blog.jizdoteka.cz

Signed-off-by: Kosieh Barter &lt;kaja.valek@gmail.com&gt;
diff --git a/apps/web/templates/draft.css b/apps/web/templates/draft.css
@@ -0,0 +1,9 @@
+body { background: black; padding: 0px; margin: 0 auto; max-width: 1280px; font-family: arial;}
+h1 { margin: 0px; padding: 5px; text-align: right; color: white;}
+h4 { padding: 10px; margin: 0px; text-align: center;}
+p { padding: 4px; margin: 2px;border: 1px solid black; border-radius: 10px;}
+input { width: 100%; text-align: center; box-sizing: border-box; border-radius: 10px; padding: 5px; margin-top: 2px; margin-bottom: 2px; }
+div { background: #4b9320; }
+
+#prechod {background: linear-gradient(#4b9320, #80e400);}
+#stranka {background: #80e400;}
diff --git a/apps/web/templates/draft_jizdoteka.svg b/apps/web/templates/draft_jizdoteka.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="64"
+   height="64"
+   id="svg4152"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   viewBox="0 0 64 64"
+   sodipodi:docname="draft_jizdoteka.svg">
+  <defs
+     id="defs4154" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.7781746"
+     inkscape:cx="23.120107"
+     inkscape:cy="39.901312"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:document-units="px"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="1680"
+     inkscape:window-height="974"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4157">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <rect
+       style="opacity:1;fill:#55d400;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect4888"
+       width="64"
+       height="64"
+       x="0"
+       y="0" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 1.6464844,1.6464844 0,6.7070312 6.7070312,0 0,-6.7070312 z m 0,8.9999996 0,6.707032 6.7070312,0 0,-6.707032 z m 0,9 0,6.707032 6.7070312,0 0,-6.707032 z m 0,9 0,4.441085 6.7070312,-0.941406 0,-3.499679 z m 0,18 0,6.707032 6.7070312,0 0,-6.707032 z m 0,9 0,6.707032 6.7070312,0 0,-6.707032 z"
+       id="rect4700"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccccc" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 55.646484,1.6464844 0,6.7070312 6.707032,0 0,-6.7070312 z m 0,8.9999996 0,6.707032 6.707032,0 0,-6.707032 z m 0,9 0,6.707032 6.707032,0 0,-6.707032 z m 0,9 0,2.405246 6.707032,1.853516 0,-4.258762 z m 0,18 0,6.707032 6.707032,0 0,-6.707032 z m 0,9 0,6.707032 6.707032,0 0,-6.707032 z"
+       id="rect4736"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccccc" />
+    <path
+       id="circle4835"
+       style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 53.005153,43.908398 a 4.2409485,4.2409485 0 0 1 -4.240948,4.240949 4.2409485,4.2409485 0 0 1 -4.240949,-4.240949 4.2409485,4.2409485 0 0 1 4.240949,-4.240948 4.2409485,4.2409485 0 0 1 4.240948,4.240948 z m -48.9331328,-7.92807 0,7.876725 6.4097288,0 c 0.02826,-3.224982 2.650324,-5.824614 5.875431,-5.825164 3.22438,0.0015 5.845315,2.600907 5.873568,5.825164 l 20.65895,0 c 0.02826,-3.224982 2.650324,-5.824614 5.875431,-5.825164 3.22438,0.0015 5.845314,2.600907 5.873568,5.825164 l 5.959205,0 0,-7.876725 -8.96333,-2.477569 -5.269524,-7.971499 -21.812538,-0.08979 -5.63706,8.455592 z m 16.5251848,7.92807 a 4.2409485,4.2409485 0 0 1 -4.240948,4.240949 4.2409485,4.2409485 0 0 1 -4.240949,-4.240949 4.2409485,4.2409485 0 0 1 4.240949,-4.240948 4.2409485,4.2409485 0 0 1 4.240948,4.240948 z"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/apps/web/templates/draft_jizdoteka_2.svg b/apps/web/templates/draft_jizdoteka_2.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="64"
+   height="64"
+   id="svg4152"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   viewBox="0 0 64 64"
+   sodipodi:docname="draft_jizdoteka_2.svg">
+  <defs
+     id="defs4154" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.34375"
+     inkscape:cx="-1037.713"
+     inkscape:cy="199.76542"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:document-units="px"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="1680"
+     inkscape:window-height="974"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4157">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <rect
+       style="opacity:1;fill:#55d400;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect4888"
+       width="64"
+       height="64"
+       x="0"
+       y="0" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 1.6464844,1.6464844 0,6.7070312 6.7070312,0 0,-6.7070312 z m 0,8.9999996 0,6.707032 6.7070312,0 0,-6.707032 z m 0,9 0,6.707032 6.7070312,0 0,-6.707032 z m 0,9 0,4.441085 6.7070312,-0.941406 0,-3.499679 z m 0,18 0,6.707032 6.7070312,0 0,-6.707032 z m 0,9 0,6.707032 6.7070312,0 0,-6.707032 z"
+       id="rect4700"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccccc" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 55.646484,1.6464844 0,6.7070312 6.707032,0 0,-6.7070312 z m 0,8.9999996 0,6.707032 6.707032,0 0,-6.707032 z m 0,9 0,6.707032 6.707032,0 0,-6.707032 z m 0,9 0,2.405246 6.707032,1.853516 0,-4.258762 z m 0,18 0,6.707032 6.707032,0 0,-6.707032 z m 0,9 0,6.707032 6.707032,0 0,-6.707032 z"
+       id="rect4736"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccccc" />
+    <path
+       id="circle4835"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 53.005153,43.908398 a 4.2409485,4.2409485 0 0 1 -4.240948,4.240949 4.2409485,4.2409485 0 0 1 -4.240949,-4.240949 4.2409485,4.2409485 0 0 1 4.240949,-4.240948 4.2409485,4.2409485 0 0 1 4.240948,4.240948 z m -48.9331328,-7.92807 0,7.876725 6.4097288,0 c 0.02826,-3.224982 2.650324,-5.824614 5.875431,-5.825164 3.22438,0.0015 5.845315,2.600907 5.873568,5.825164 l 20.65895,0 c 0.02826,-3.224982 2.650324,-5.824614 5.875431,-5.825164 3.22438,0.0015 5.845314,2.600907 5.873568,5.825164 l 5.959205,0 0,-7.876725 -8.96333,-2.477569 -5.269524,-7.971499 -21.812538,-0.08979 -5.63706,8.455592 z m 16.5251848,7.92807 a 4.2409485,4.2409485 0 0 1 -4.240948,4.240949 4.2409485,4.2409485 0 0 1 -4.240949,-4.240949 4.2409485,4.2409485 0 0 1 4.240949,-4.240948 4.2409485,4.2409485 0 0 1 4.240948,4.240948 z"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/apps/web/templates/draft_jizdoteka_3.svg b/apps/web/templates/draft_jizdoteka_3.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="64"
+   height="64"
+   id="svg4152"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   viewBox="0 0 64 64"
+   sodipodi:docname="draft_jizdoteka_3.svg">
+  <defs
+     id="defs4154" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.7781746"
+     inkscape:cx="28.574466"
+     inkscape:cy="38.747015"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:document-units="px"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="1680"
+     inkscape:window-height="974"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4157">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <rect
+       style="opacity:1;fill:#55d400;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect4888"
+       width="64"
+       height="64"
+       x="0"
+       y="0" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.80000001;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 1.6464844,1.6464844 0,6.7070312 6.7070312,0 0,-6.7070312 z m 0,8.9999996 0,6.707032 6.7070312,0 0,-6.707032 z m 0,9 0,6.707032 6.7070312,0 0,-6.707032 z m 0,27 0,6.707032 6.7070312,0 0,-6.707032 z m 0,9 0,6.707032 6.7070312,0 0,-6.707032 z"
+       id="rect4700"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccccccccccccccc" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.80000001;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 55.646484,1.6464844 0,6.7070312 6.707032,0 0,-6.7070312 z m 0,8.9999996 0,6.707032 6.707032,0 0,-6.707032 z m 0,9 0,6.707032 6.707032,0 0,-6.707032 z m 0,27 0,6.707032 6.707032,0 0,-6.707032 z m 0,9 0,6.707032 6.707032,0 0,-6.707032 z"
+       id="rect4736"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccccccccccccccc" />
+    <path
+       id="circle4835"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:2.37489057;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 48.700697,46.915338 c -5.601931,0.105989 -5.394735,-8.674803 -0.09091,-8.674803 5.39568,0 4.892684,8.583953 0.09091,8.674803 z M 4.2594656,30.688703 l 0,11.180543 4.8052202,-0.104222 c 0.02887,-4.708201 5.0541032,-6.664252 7.2620972,-6.664252 2.817365,0.0018 7.170185,2.146377 7.198251,6.723019 l 18.362845,0.227273 c 0,-4.437633 4.002592,-6.723019 6.55385,-6.723019 3.560591,0 6.867227,2.509976 6.867227,6.541201 l 5.1015,0 0,-11.180543 L 51.506574,27.171941 46.271998,15.856872 24.604125,15.72942 19.00445,27.731631 Z M 16.023283,46.899741 c -5.943315,0 -5.137509,-8.568297 0.25713,-8.568297 5.78198,0 5.907961,8.300541 -0.25713,8.568297 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssscccccccccccccccccc" />
+  </g>
+</svg>
diff --git a/apps/web/templates/draft_jizdoteka_4.svg b/apps/web/templates/draft_jizdoteka_4.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="64"
+   height="64"
+   id="svg4152"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   viewBox="0 0 64 64"
+   sodipodi:docname="draft_jizdoteka_4.svg">
+  <defs
+     id="defs4154" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11"
+     inkscape:cx="18.48332"
+     inkscape:cy="43.588008"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:document-units="px"
+     inkscape:grid-bbox="true"
+     inkscape:window-width="1680"
+     inkscape:window-height="974"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4157">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <rect
+       style="opacity:1;fill:#55d400;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect4888"
+       width="64"
+       height="64"
+       x="0"
+       y="0" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.80000001;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 1.6464844,1.6464844 0,6.7070312 6.7070312,0 0,-6.7070312 z m 0,8.9999996 0,6.707032 6.7070312,0 0,-6.707032 z m 0,9 0,6.707032 6.7070312,0 0,-6.707032 z m 0,27 0,6.707032 6.7070312,0 0,-6.707032 z m 0,9 0,6.707032 6.7070312,0 0,-6.707032 z"
+       id="rect4700"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccccccccccccccc" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.80000001;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 55.646484,1.6464844 0,6.7070312 6.707032,0 0,-6.7070312 z m 0,8.9999996 0,6.707032 6.707032,0 0,-6.707032 z m 0,9 0,6.707032 6.707032,0 0,-6.707032 z m 0,27 0,6.707032 6.707032,0 0,-6.707032 z m 0,9 0,6.707032 6.707032,0 0,-6.707032 z"
+       id="rect4736"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccccccccccccccc" />
+    <path
+       id="circle4835"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 48.700697,46.915338 c -5.601931,0.105989 -5.394735,-8.674803 -0.09091,-8.674803 5.39568,0 4.892684,8.583953 0.09091,8.674803 z M 4.2594656,30.688703 l 0,11.180543 4.8052202,-0.104222 c 0.02887,-4.708201 5.0541032,-6.664252 7.2620972,-6.664252 2.817365,0.0018 7.170185,2.146377 7.198251,6.723019 l 18.362845,0.227273 c 0,-4.437633 4.002592,-6.723019 6.55385,-6.723019 3.560591,0 6.867227,2.509976 6.867227,6.541201 l 5.1015,0 0,-11.180543 L 51.506574,27.171941 46.271998,15.856872 24.604125,15.72942 19.00445,27.731631 Z M 16.023283,46.899741 c -5.943315,0 -5.137509,-8.568297 0.25713,-8.568297 5.78198,0 5.907961,8.300541 -0.25713,8.568297 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssscccccccccccccccccc" />
+  </g>
+</svg>
diff --git a/apps/web/templates/draft_login.html b/apps/web/templates/draft_login.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+  <title>Jizdoteka - Draft</title>
+
+  <link rel="icon" type="image/png" href="draft_jizdoteka.svg" />
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="./draft.css">
+</head>
+<body>
+  <div>
+    <h1>Jizdoteka.cz</h1>
+    <div id="prechod"><h4>Přihlášení</h4></div>
+    <div id="stranka">
+      <form class="" action="index.html" method="post">
+        <input type="text" name="uziv_jmeno" placeholder="Váš email"/>
+        <input type="password"  name="uzit_heslo" placeholder="Vaše heslo"/>
+        <input type="button" name="uziv_vstup" value="Přihlásit se" id="login_tlacitko">
+        <p>
+          Po přihlášení můžete svůj účet na Jízdotéce propojit s Vaším účtem na Facebooku pro snadnější a rychlejší přihlašování.
+        </p>
+      </form>
+    </div>
+  </div>
+</body>
+</html>
