Skip to content

Commit

Permalink
untuk sementara begini saja, nanti diupdate
Browse files Browse the repository at this point in the history
  • Loading branch information
@deovaliandro
deovaliandro committed Jul 15, 2023
1 parent 37cb9c9 commit e8732f6
Show file tree
Hide file tree
Showing 6 changed files with 270 additions and 233 deletions.
24 changes: 7 additions & 17 deletions base/_typography.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,27 +3,17 @@
}

body {
font-family: $inter;
font: 400 1em /32px system-ui;
}

h1 {
text-align: center;
main {
display: float;
}

p {
line-height: 32px;
font-size: $font-size;
article {
with: 80ch;
}

a {
color: #0060df;
text-decoration: none;

&:hover {
text-decoration: underline;
}

.bare {
word-break: break-all;
}
}
border-bottom: 1px solid red;
}
263 changes: 88 additions & 175 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,178 +1,91 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>simple.scss</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
</head>

<body>
<nav>
<a class="title">Template</a>
<a href="">/home</a>
<a href="">/about me</a>
</nav>

<main>
<h1>Ini Adalah Judul Pertama</h1>

<section>
<div class="author">
<img src="https://github.com/deovaliandro.png" alt=""
class="img-author">
<p class="author-name">Deo Valiandro. M</p>
<p class="time-post">19 Mei 2023 | 22.00 WITA</p>
</div>
</section>

<section>
<a class="tag">#tags1</a>
<a class="tag">#tags2</a>
<a class="tag">#tags3</a>
</section>

<section>
<p>
<a href="http://goi.com">Codeberg</a>
e.V. is a registered non-profit association based in Berlin,
Germany. You don't have to be a member of the association in
order to join Codeberg.org or to contribute to the development
of the platform, but if you want you can join Codeberg e.V. to
support the project financially, be informed about Codeberg and,
optionally, to actively contribute to the association.
</p>
</section>

<h2>Judul 2</h2>

<section>
<p>
Codeberg is not the only libre option for hosting Free Software
project. We don't aim for a vendor-lock-in, but hope you like
our space and stay here. We recommend choosing a shared instance
to save time, money and energy, ideally run by a community of
people (like Codeberg). By choosing a Forgejo instance, you can
easily migrate away from Codeberg in case you don't like it.
</p>
</section>

<h3>Judul 3</h3>

<section>
<p>
Forgejo is self-hostable free software for software development,
built on top of Git. Codeberg is powered by Forgejo, which is in
turn a soft-fork of Gitea. Compared to Codeberg, Forgejo is not
one service, but free software to help you build your own.
Everyone can install their own Forgejo instance to host their
own projects. There are also public Forgejo instances as well as
Codeberg you can use, but make sure you find a site that is
actively maintained and updated, and that you trust the
provider.
</p>
</section>

<h4>Judul 4</h4>

<section>
<p>
The development of Free and Open Source Software is experiencing
an unbroken boom, due to the general availability of the
internet and the resulting social network effects, multiplying
communication, exchange of ideas, and productivity each and
every month. The number of developers and projects participating
in the Open Source movement is growing exponentially. Only new
software tools and collaboration platforms made these dynamics
possible and manageable.
</p>
</section>

<section>
<h3>Paragraph</h3>
<p>
While all successful software tools that enabled this
development were contributed by the Free and Open Source
Software community, commercial for-profit platforms dominate the
hosting of the results of our collaborative work. This has led
to the paradox that literally millions of volunteers create,
collect, and maintain invaluable knowledge, documentation, and
software, to feed closed platforms driven by commercial
interests, whose program is neither visible nor controllable
from outside. Considering the fate of formerly successful
startups like SourceForge, we need to break the circle and avoid
history repeating.
</p>
</section>

<p class="alert alert-danger">
Ini alert bahaya.
</p>

<p class="alert alert-info">
Ini alert biasa.
</p>

<h3>Link</h3>
<a href="/">Contoh Link</a>

<h3>Button</h3>
<button class="button">I'm a button</button>

<h3>Variasi tulisan</h3>
<p><b>Bold text</b></p>
<p><i>Italic text</i></p>
<p><u>Underlined text</u></p>
<p><mark>Highlighted text</mark></p>
<p><code>Inline code</code></p>
<p><kbd>Alt+F4</kbd></p>

<h3>List</h3>
<h4>Bulleted list</h4>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

<h4>Numbered list</h4>
<ol>
<li>Do this thing</li>
<li>Do that thing</li>
<li>Do the other thing</li>
</ol>

<h3>Blockquotes</h3>
<blockquote>
<p>Friends don’t spy; true friendship is about privacy, too.</p>
<p><cite>– Stephen King</cite></p>
</blockquote>

<h3>Code</h3>
<pre>print("Hello world!")</pre>

<details>
<summary>Spoiler alert!</summary>
<p>You smell. 🙂</p>
</details>

<h3>Image</h3>
<img src="https://dummyimage.com/16:9x1080/" alt="" srcset="">
</main>

<hr>

<footer>
<a target="_blank"
href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
CC BY-NC-SA 4.0</a>, Est. 2016 &copy; Deo Valiandro. M,
<span id="love">🌱</span> with <span id="love">❤️</span>
from whatever, Earth.
</footer>
</body>

</html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>simple.scss</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<main>
<nav>
<ul>
<img src="https://github.com/deovaliandro.png" loading="lazy">
<li><a href="/">main</a></li>
<li><a href="/about">about</a></li>
<li><a href="/project">project</a></li>
</ul>
</nav>
<article>
<h1>Ini Adalah Judul Pertama</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat
laborum impedit cumque odio ipsa sit consectetur nisi sed libero
consequuntur? Sapiente nemo fugit voluptatum asperiores consequatur
earum vitae omnis provident!</p>

<p><a href="http://google.com">googleeeeeee</a></p>

<button class="button">I'm a button</button>

<h3>Variasi tulisan</h3>
<p><b>Bold text</b></p>
<p><i>Italic text</i></p>
<p><u>Underlined text</u></p>
<p><mark>Highlighted text</mark></p>
<p><code>Inline code</code></p>
<p><kbd>Alt+F4</kbd></p>

<h3>List</h3>
<h4>Bulleted list</h4>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

<h4>Numbered list</h4>
<ol>
<li>Do this thing</li>
<li>Do that thing</li>
<li>Do the other thing</li>
</ol>

<h3>Blockquotes</h3>
<blockquote>
<p>Friends don't spy; true friendship is about privacy, too.</p>
<p><cite>Stephen King</cite></p>
</blockquote>

<h3>Code</h3>
<pre>print("Hello world!")</pre>

<div class="listingblock">
<div class="content">
<pre class="rouge highlight"><code data-lang="python"><span class="nf">print</span><span class="p">(</span><span class="sh">"</span><span class="s">Meoworld!</span><span class="sh">"</span><span class="p">)</span></code></pre>
</div>
</div>

<details>
<summary>Spoiler alert!</summary>
<p>You smell. 🙂</p>
</details>

<h3>Image</h3>
<img src="https://dummyimage.com/16:9x1080/" alt="" srcset="">

<hr>

<footer>
<a target="_blank" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
CC BY-NC-SA 4.0</a>, Est. 2016 &copy; Deo Valiandro. M,
<span id="love">🌱</span> with <span id="love">❤️</span>
from whatever, Earth.
</footer>
</article>
</main>
</body>

</html>
2 changes: 1 addition & 1 deletion style.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit e8732f6

Please sign in to comment.