PageSourceSearch

https://firdaus.or.id/

html firdaus.or.id collected 2026-09-24 17:36:02 UTC 8,940 bytes, 159 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="standard-dark">
3<head><meta name="Generator" content="Automad 1.10.9"><link rel="stylesheet" href="/automad/dist/blocks.min.css?v=1.10.9">
3<script type="text/javascript" src="/automad/dist/blocks.min.js?v=1.10.9"></script>
3<link rel="alternate" type="application/rss+xml" title="My Site | RSS" href="https://firdaus.or.id/feed">
4	<meta http-equiv="X-UA-Compatible" content="IE=edge">
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	<title>My Site / Home</title>
7	
8
9<meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /><meta name="description" content="Hello, I&#039;m Automad. 👋 You&#039;ve have just finished my installation successfully! Now it&#039;s time to publish your stories and projects. Sign in to the dashboard to ..." /><meta property="og:title" content="My Site / Home" /><meta property="og:description" content="Hello, I&#039;m Automad. 👋 You&#039;ve have just finished my installation successfully! Now it&#039;s time to publish your stories and projects. Sign in to the dashboard to get started." /><meta property="og:type" content="website" /><meta property="og:url" content="https://firdaus.or.id/" /><meta property="og:image" content="https://firdaus.or.id/cache/images/cached_2a7024a0301708e438360b3b45e4f568.png" /><meta name="twitter:card" content="summary_large_image" />
10	<link href="/shared/favicon.ico?m=1708356359" rel="shortcut icon" type="image/x-icon" />
11<link href="/shared/apple-touch-icon.png?m=1708356359" rel="apple-touch-icon" />
12	
13	<link href="/packages/standard/dist/standard.min.css?m=1708356359" rel="stylesheet">
14	
14<script src="/packages/standard/dist/standard.min.js?m=1708356359"></script>
14
15	
16	
17	
18</head>
19
20<body class="project">
21	
22<div class="navbar navbar-transparent">
23	<div class="uk-container uk-container-center">
24		<nav class="uk-navbar">
25			<a href="/" class="uk-navbar-brand"><svg width="1.65em" height="1.65em" viewBox="0 0 16 16" class="bi bi-circle-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
26  <circle cx="8" cy="8" r="8"/>
27</svg></a>
28			<div class="uk-navbar-flip">
29				<ul class="uk-navbar-nav uk-visible-large">
30					
31					<li>
32							<a href="https://github.com/marcantondahmen/automad/tree/master/packages/standard/light#readme"><span class="nav-icon">☼</span>How to use this theme</a>
33						</li></ul>
34				
35				<a 
36				href="#modal-nav"
37				class="navbar-toggle uk-navbar-content " 
38				data-modal-toggle="#modal-nav"
39				>
40					<span aria-hidden="true"></span>
41					<span aria-hidden="true"></span>
42					<span aria-hidden="true"></span>
43				</a>
44				
45				<div id="modal-nav" class="uk-modal">		
46					<div class="uk-modal-dialog uk-modal-dialog-blank">
47						<div class="uk-container uk-container-center">
48								<div class="uk-block uk-margin-bottom-remove uk-margin-top-remove">
49									<form 
50									class="uk-form" 
51									action="/pagelists" 
52									method="get"
53									>
54										
54<script>
55											var autocomplete = [{"value":"Blocks"},{"value":"Sections"},{"value":"Pagelists"}]
56										</script>
56
57										<div 
58										class="uk-autocomplete uk-width-1-1" 
59										data-uk-autocomplete='{source:autocomplete,minLength:2}'
60										>
61											<input 
62											class="uk-form-controls uk-form-large uk-width-1-1" 
63											type="search" 
64											name="search" 
65											placeholder="Search" 
66											required 
67											/>	
68										</div>
69									</form>	
70								</div>
71							<div class="uk-block ">
72								
73<ul class="uk-nav uk-nav-side">
74			<li class="uk-active">
75				<a href="/">Home</a>
76			</li>
77		</ul>
78			<ul class="uk-nav uk-nav-side"><li>
79							<a href="/blocks">Blocks</a></li><li>
80							<a href="/sections">Sections</a></li><li>
81							<a href="/pagelists">Pagelists</a></li><li>
82							<a href="https://github.com/marcantondahmen/automad/tree/master/packages/standard/light#readme"><span class="nav-icon">☼</span>How to use this theme</a></li><li>
83							<a href="https://automad.org"><span class="nav-icon">↓</span>Automad</a></li>
84			</ul>
85							</div>
86						</div>
87					</div>
88				</div>
89			</div>
90		</nav>
91	</div>
92</div>
93	<section class="hero content">	<am-section class="am-block am-justify-start" style="padding-top: 11.25rem;">
94		<p class="am-block"><am-fontsize style="font-size: 180%;"><am-lineheight style="line-height: 1.5; display: inline-block;">Hello, I'm Automad. 👋 <br>You've have just finished my installation successfully! Now it's time to publish your stories and projects. <a href="/dashboard">Sign in</a> to the dashboard to get started.</am-lineheight></am-fontsize></p>
95	</am-section></section>
96	<div class="uk-container uk-container-center">
97		
98		
99		
100		
101	<main class="content uk-block">
102		
103
104		<am-section class="am-block am-justify-fill-row" style="--am-flex-min-block-width: 22rem; padding-top: 1rem;">
105		<am-flex><am-1-2>	<am-section class="am-block am-justify-start am-card" style="height: 100%; background-color: #FFFFFF; border-radius: 1rem; --am-section-color: #1F2022; --am-section-border-color: #EAEBED;">
106		<p class="am-block"><am-fontsize style="font-size: 200%;">👩‍💻</am-fontsize></p><p class="am-block am-paragraph-large">Compose your pages using a powerful and flexible block editor.</p><hr class="am-block"><am-buttons class="am-block">	<a 
107	href="/blocks"
108	class="am-button"
109	style="--am-button-border-radius: 0.4rem; --am-button-padding-horizontal: 1rem; --am-button-border-color: #EEEFF1; --am-button-background: #EEEFF1; --am-button-hover-background: #FFFFFF; --am-button-color: #1F2022; --am-button-hover-color: #1F2022; --am-button-hover-border-color: #EEEFF1;"
110	>
111		<am-fontsize style="font-size: 120%;">Learn More</am-fontsize>
112	</a></am-buttons>
113	</am-section></am-1-2><am-1-2>	<am-section class="am-block am-justify-start am-card" style="height: 100%; background-color: #2A2B2E; border-radius: 1rem; --am-section-color: #F4F5F7; --am-section-border-color: #3C3D42;">
114		<p class="am-block"><am-fontsize style="font-size: 200%;"><am-lineheight style="line-height: 0.9; display: inline-block;">☝️</am-lineheight></am-fontsize></p><p class="am-block am-paragraph-large">Realize complex and colorful layouts and cards using flexbox sections.</p><hr class="am-block"><am-buttons class="am-block">	<a 
115	href="/sections"
116	class="am-button"
117	style="--am-button-border-radius: 0.4rem; --am-button-padding-horizontal: 1rem; --am-button-border-color: #1F2022; --am-button-hover-border-color: #1F2022; --am-button-color: #F4F5F7; --am-button-hover-color: #F4F5F7; --am-button-background: #1F2022; --am-button-hover-background: #2e2f32;"
118	>
119		<am-fontsize style="font-size: 120%;">About Sections</am-fontsize>
120	</a></am-buttons>
121	</am-section></am-1-2><am-1-2>	<am-section class="am-block am-justify-start am-card" style="height: 100%; background-color: #1F2022; border-width: 2px; border-radius: 1rem; --am-section-color: #F4F5F7; --am-section-border-color: #2A2B2E;">
122		<p class="am-block"><am-fontsize style="font-size: 200%;"><am-lineheight style="line-height: 0.9; display: inline-block;">👏</am-lineheight></am-fontsize></p><p class="am-block am-paragraph-large">Create dynamic page card grids, blogs, portfolios or search pages using pagelist templates and blocks.<
122/p><hr class="am-block"><am-buttons class="am-block">	<a 
123	href="/pagelists"
124	class="am-button"
125	style="--am-button-border-radius: 0.4rem; --am-button-padding-horizontal: 1rem; --am-button-border-color: #2A2B2E; --am-button-hover-border-color: #2A2B2E; --am-button-color: #F4F5F7; --am-button-hover-color: #F4F5F7; --am-button-background: #2A2B2E; --am-button-hover-background: #1F2022;"
126	>
127		<am-fontsize style="font-size: 120%;">More About Pagelists</am-fontsize>
128	</a></am-buttons>
129	</am-section></am-1-2></am-flex>
130	</am-section>
131
132		
133	</main>
134	<div class="content uk-block">
135		
136	</div>
137
138		<footer class="uk-block">
139			<div class="am-block footer uk-margin-bottom">
140				<ul class="uk-grid uk-grid-width-medium-1-2" data-uk-grid-margin>
141					<li>
142							<a href="https://github.com/marcantondahmen/automad/tree/master/packages/standard/light#readme"><span class="nav-icon">☼</span>How to use this theme</a><br />
143							<a href="https://automad.org"><span class="nav-icon">↓</span>Automad</a><br />
144							<a href="/dashboard"><span class="nav-icon">↪</span>Sign In</a><br />
145					</li>
146					<li class="uk-text-right uk-text-left-small">
147						<a href="/">
148							&copy; 2026 My Site
149						</a>
150					</li>
151				</ul>
152				
153				
154			</div>
155		</footer>
156	</div>
157<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ea885beaefda476cb91f8e7259c5256e","r":1,"spa":2}' crossorigin="anonymous"></script>
157
158</body>
159</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.