Özgür Yazılım Derneği web sitesi
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
oyd-web/public/yazilar/index.html

182 lines
4.5 KiB

<!DOCTYPE html>
<html lang="tr-tr">
<head>
<meta charset="utf-8">
<title>Yazılar - Özgür Yazılım Derneği</title>
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../fonts/stylesheet.css">
</head>
<body>
<header class="navbar">
<div class="navbar-container">
<a href="../" class="logo"><img src="../oyd_logo.svg" width="auto" height="60"/></a>
<nav>
<a class="" href="../projeler/" title="">
Projeler
</a>
<a class="active" href="../yazilar/" title="">
Yazılar
</a>
<a class="" href="../hakkimizda/" title="">
Hakkımızda
</a>
<a class="" href="../tuzuk/" title="">
Tüzük
</a>
<a class="" href="../uyelik/" title="">
Üyelik
</a>
<a class="" href="../destek/" title="">
Destek
</a>
<a class="" href="../iletisim/" title="">
İletişim
</a>
<a class="" href="https://bagis.oyd.org.tr" title="">
Bağış
</a>
</nav>
</div>
</header>
<div class="page">
<div class="article-list">
<h1 class="title">Yazılar</h1>
<article>
<div class="article-body">
<header>
<h1 class="title"><a href="../yazilar/ozgur-yazilim/">Özgür yazılım nedir?</a></h1>
<div class="meta">
<div class="author">
</div>
<div><a href="../categories/ozgurluk">ozgurluk</a>
</div>
</div>
</header>
Özgür yazılım nedir, nereden çıktı, nasıl gelişti? Özgür yazılımı kim ortaya attı? Özgür yazılım satılabilir mi?
<a href="../yazilar/ozgur-yazilim/">Devamını okuyun...</a>
<footer>
<time datetime="2019-9-17">2019/09/17</time>
</footer>
</div>
</article>
<article>
<div class="article-body">
<header>
<h1 class="title"><a href="../yazilar/yeni-site/">Derneğimizin web sitesi hakkında</a></h1>
<div class="meta">
<div class="author">
</div>
<div><a href="../categories/dernek">dernek</a>
</div>
</div>
</header>
Derneğimizin web sitesi ihtiyacı bir süredir çözmeye çalıştığımız bir konuydu. Sıfırdan tasarım yapmakla uğraştık, çeşitli şablonlar denedik ancak istediğimiz noktaya gelemedik. Ta ki bu web sitesini oluşturana kadar.
<a href="../yazilar/yeni-site/">Devamını okuyun...</a>
<footer>
<time datetime="2019-8-14">2019/08/14</time>
</footer>
</div>
</article>
</div>
<aside class="sidebar">
<h2 class="title">Kategoriler</h2>
<nav class="categories">
<div style="background-image: url(/css/images/dernek.svg)">
<a href="../categories/dernek">
Dernek
</a>
</div>
<div style="background-image: url(/css/images/dunyadan.svg)">
<a href="../categories/dunyadan">
Dünyadan
</a>
</div>
<div style="background-image: url(/css/images/etkinlikler.svg)">
<a href="../categories/etkinlik">
Etkinlik
</a>
</div>
<div style="background-image: url(/css/images/projeler.svg)">
<a href="../categories/projeler">
Projeler
</a>
</div>
<div style="background-image: url(/css/images/felsefe.svg)">
<a href="../categories/ozgurluk">
Özgürlük
</a>
</div>
</nav>
<h2>Etkinlikler</h2>
<div class="event">
<a href="https://cryptoparty.istanbul">CryptoParty Istanbul</a>
<address>5 Ekim 11:00 TAK, Kadıköy</address>
<p>CryptoParty’lerin temel amacı, kendinizi dijital (ve kısmen fiziksel) alanlarda nasıl koruyacağınız hakkında bilgi sahibi olmaktır.
Etkinlik ücretsiz ve herkese açıktır.
</p>
</div>
</aside>
</div>
<footer>
<div class="container">
&copy; 2019 Özgür Yazılım Derneği. <br>
Sitedeki yazılar aksi belirtilmediği takdirde CC BY-ND 4.0 Uluslararası lisansı altında lisanslanmıştır. Web sitesinin tasarımı CC BY-SA 4.0 Uluslararası lisansı altında lisanslanmıştır.
</div>
</footer>
</body>
</html>