Skip to content

Commit 170fc8b

Browse files
coderistancoderistan
committed
arayüz değiştirildi
1 parent 4740518 commit 170fc8b

File tree

2 files changed

+45
-26
lines changed

2 files changed

+45
-26
lines changed

‎index.html

Lines changed: 45 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,18 @@
11
<html>
22
<head>
3-
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"/>
3+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
4+
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
5+
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
6+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
7+
<meta charset="utf-8"/>
8+
<meta name="viewport" content="initial-scale=1.0,width=device-width" />
49
<style>
10+
body{
11+
height: 100%;
12+
background-image: url("static/img/background.jpeg");
13+
background-size: 100% 100%;
14+
background-repeat: no-repeat;
15+
}
516
.link{
617
width: 50%;
718
height: 25px;
@@ -17,35 +28,43 @@
1728
.link:hover{
1829
font-size:16px;
1930
}
31+
.my{
32+
position: absolute;
33+
left: 5px;
34+
top: 5px;
35+
color:rgb(0,138,255);
36+
font-size: 25px;
37+
}
2038
</style>
2139
<title>Coderistan</title>
2240
</head>
2341
<body>
24-
<div class="container-fluid">
25-
<div class="row">
26-
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
27-
<center>
28-
<a href="https://coderistan.github.io"><h1 class="text-info title">Coderistan</h1></a><hr/>
29-
</center>
30-
</div>
31-
</div>
32-
<div class="row">
33-
<div class="col-lg-8 offset-lg-2">
34-
Kişisel Github sayfama hoşgeldiniz! Bu sayfada, kendi yazdığım kişisel notlarımı paylaşmayı düşünüyorum. Belgeleri okurken bazı kısımların aceleyle yazıldığını farketmiş olabilirsiniz, doğrudur. Çünkü detaylı yazmaya kalkınca üşeniyorum :/ . En doğru yolun önce detaya girmeden yazmak, vakit olunca da üzerinden geçip gerekli yerleri detaylandırmak olduğunu düşünüyorum.
42+
<!-- Default dropright button -->
43+
<div class="btn-group dropright my">
44+
<button type="button" class="my btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
45+
<span class="fa fa-question-circle"></span>
46+
</button>
47+
<div class="dropdown-menu">
48+
<a class="dropdown-item" href="documents/jnetpcap">JNetPCAP</a>
49+
<a class="dropdown-item" href="documents/log4j">Log4j</a>
50+
<a data-toggle="modal" data-target="#modal1" class="dropdown-item" href="#">Hakkında</a>
51+
</div>
52+
</div>
3553

36-
Sorularınız varsa, benimle <a href="https://coderistan.blogspot.com/p/iletisim.html">iletişime</a> geçebilirsiniz.
37-
</div>
38-
<div class="col-lg-8 offset-lg-2">
39-
<hr/>
40-
<a href="documents/log4j/" style="text-decoration: none;">
41-
<div class="link">Log4j Kütüphanesi</div>
42-
</a>
43-
<a href="documents/jnetpcap/" style="text-decoration: none;">
44-
<div class="link">JNetPcap Kütüphanesi</div>
45-
</a>
46-
47-
</div>
48-
</div>
49-
</div>
54+
<!--Modal code -->
55+
<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="modallaber" aria-hidden="true">
56+
<div class="modal-dialog" role="document">
57+
<div class="modal-content">
58+
<div class="modal-header">
59+
<h3 class="modal-title" id="modallabel">Hakkında</h3>
60+
</div>
61+
<div class="modal-body">
62+
Blog: <a href="https://coderistan.blogspot.com">https://coderistan.blogspot.com</a><br/>
63+
Telegram: <a href ="https://t.me/coderistan">https://t.me/coderistan</a><br/>
64+
Github: <a href="https://github.com/coderistan">https://github.com/coderistan</a><br/>
65+
</div>
66+
</div>
67+
</div>
68+
</div>
5069
</body>
5170
</html>

‎static/img/background.jpeg

2.06 MB
Loading

0 commit comments

Comments
 (0)