First Commit

main
Nikurasu 11 months ago
commit 06a979aeba
  1. 8
      .idea/.gitignore
  2. 8
      .idea/htmlcssTraining.iml
  3. 8
      .idea/modules.xml
  4. 52
      images/logo.svg
  5. BIN
      images/picrew04.png
  6. BIN
      images/picrew04noBG.png
  7. BIN
      images/picrew3.png
  8. 75
      index.html
  9. 0
      post.html

8
.idea/.gitignore vendored

@ -0,0 +1,8 @@
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/
# Datasource local storage ignored files
/dataSources/
/dataSources.local.xml

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/htmlcssTraining.iml" filepath="$PROJECT_DIR$/.idea/htmlcssTraining.iml" />
</modules>
</component>
</project>

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="100"
height="20"
version="1.1"
id="svg4"
sodipodi:docname="logo.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs8" />
<sodipodi:namedview
id="namedview6"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="12.82"
inkscape:cx="59.867395"
inkscape:cy="9.9843994"
inkscape:window-width="2560"
inkscape:window-height="1371"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"
inkscape:snap-grids="true" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:16px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none"
x="18.03125"
y="15.75"
id="text2952"><tspan
sodipodi:role="line"
id="tspan2950"
x="18.03125"
y="15.75"
style="font-size:16px">ニクラス</tspan></text>
<rect
id="rect21811"
width="75"
height="18"
x="12.5"
y="1"
style="fill:none;stroke:#000000;stroke-opacity:1;paint-order:markers fill stroke;stroke-linejoin:round;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0" />
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 235 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

@ -0,0 +1,75 @@
<!doctype html>
<title>Nikus HTML/CSS Training Blog</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<body style="font-family:Roboto,sans-serif">
<section class="px-6 py-8">
<nav class="flex justify-between items-center">
<div>
<a href="/">
<img src="images/logo.svg" alt="Nikurasu" width="165" height="16">
</a>
</div>
<div>
<a href="/" class="text-xs text-black font-bold uppercase">Home Page</a>
<a href="#" class="bg-blue-500 ml-3 rounded-full text-xs font-semibold text-white uppercase py-3 px-5">Subscribe for Updates</a>
</div>
</nav>
<header class="max-w-4xl mx-auto mt-20 text-center">
<div class="max-w-xl mx-auto">
<h1 class="text-4xl">Mein kleiner <span class="text-blue-500">Blog</span> halt</h1>
<h2 class="inline-flex items-center mt-2">by Nikurasu<img style="height:35px;" src="images/picrew3.png" alt="A profile picture"></h2>
<p class="text-sm mt-14">
Hey, ich bins Nikurasu! Auf diesem Blog schreib ich Zeug über die Technik die ich so im Alltag benutze,
meine Erfahrungen im Bereich Informatik und auch noch vieles mehr. Seid gespannt!
</p>
<div class="tw-flex tw-justify-center space-x-8 mt-8">
<!-- Categories -->
<span class="relative inline-flex items-center bg-gray-200 inline-block rounded-xl">
<select class="appearance-none bg-transparent py-2 px-5 text-sm font-semibold">
<option value="category" disabled selected>Category</option>
<option value="personal">Personal</option>
<option value="business">Business</option>
</select>
<svg class="transform -rotate-90 absolute pointer-events-none" style="right:2px;"
height="22" viewBox="0.83 1 20.15 20.15"><g fill="none" fill-rule="evenodd">
<path stroke="#000" stroke-opacity=".012" stroke-width=".5" d="M21 1v20.16H.84V1z"></path>
<path fill="#222" d="M13.854 7.224l-3.847 3.856 3.847 3.856-1.184 1.184-5.04-5.04 5.04-5.04z">
</path></g>
</svg>
</span>
<!-- Other Filters -->
<span class="relative inline-flex items-center bg-gray-200 inline-block rounded-xl">
<select class="appearance-none bg-transparent py-2 px-5 text-sm font-semibold">
<option value="otherFilters" disabled selected>Other Filters</option>
<option value="personal">Linux</option>
<option value="business">Opensource</option>
</select>
<svg class="transform -rotate-90 absolute pointer-events-none" style="right:2px;"
height="22" viewBox="0.83 1 20.15 20.15"><g fill="none" fill-rule="evenodd">
<path stroke="#000" stroke-opacity=".012" stroke-width=".5" d="M21 1v20.16H.84V1z"></path>
<path fill="#222" d="M13.854 7.224l-3.847 3.856 3.847 3.856-1.184 1.184-5.04-5.04 5.04-5.04z">
</path></g>
</svg>
</span>
<!-- Search -->
<span class="relative inline-flex items-center bg-gray-200 inline-block rounded-xl px-3 py-2">
<form action="GET" action="#">
<input type="text" name="search" placeholder="Find Something" class="bg-transparent placeholer-black font-semibold text-sm">
</form>
</span>
</div>
</div>
</header>
<main></main>
<footer></footer>
</section>
</body>
Loading…
Cancel
Save