MetuFSS
/
metufss.org
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
metufss.org statik websitesi deposudur
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.
4 Commits
1 Branch
0 Tags
168 KiB
Tag: Branch: Tree: d703179a97
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'd703179a97'
${ noResults }
metufss.org/public/en/index.html

731 lines
17 KiB
Raw Normal View History Unescape

Modify theme
3 years ago
<!DOCTYPE html>
<html lang='' ><meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>fss@metu</title>
<link rel="stylesheet" href="https://metufss.org/css/eureka.min.css">
<script defer src="https://metufss.org/js/eureka.min.js"></script>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload"
href="https://fonts.googleapis.com/css2?family=Lora:wght@400;600;700&family=Noto+Serif+SC:wght@400;600;700&display=swap"
as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.0/build/styles/solarized-light.min.css"
media="print"
onload="this.media='all';this.onload=null" crossorigin>
<script defer src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.0/build/highlight.min.js"
crossorigin></script>
<script defer src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.0/build/languages/dart.min.js"
crossorigin></script>
<script defer src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.14.0/js/all.min.js"
integrity="sha256-uNYoXefWRqv&#43;PsIF/OflNmwtKM4lStn9yrz2gVl6ymo=" crossorigin></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"
integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3&#43;Aro6EYUG4&#43;cU&#43;KJWu/X" media="print"
onload="this.media='all';this.onload=null" crossorigin>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"
integrity="sha384-g7c&#43;Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI&#43;sEnkvrMWph2EDg4" crossorigin></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"
integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC&#43;Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
renderMathInElement(document.body, {
delimiters: [
{ left: "$$", right: "$$", display: true },
{ left: "$", right: "$", display: false },
{ left: "\\(", right: "\\)", display: false },
{ left: "\\[", right: "\\]", display: true }
],
});
});
</script>
<link rel="icon" type="image/png" sizes="32x32" href="https://metufss.org/images/logo_hu57cd6ec9b68db850b11b772b793d6cab_23820_32x32_fill_box_center_2.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://metufss.org/images/logo_hu57cd6ec9b68db850b11b772b793d6cab_23820_180x180_fill_box_center_2.png">
<meta name="description"
content="METUFSS">
<meta property="og:title" content="fss@metu" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://metufss.org/images/logo.png">
<meta property="og:url" content="https://metufss.org/en/" />
<meta property="og:description" content="METUFSS" />
<meta property="og:locale:alternate" content="tr" />
<meta property="og:site_name" content="fss@metu" />
<meta property="og:updated_time" content="2021-03-05T16:21:30&#43;03:00" />
<meta property="article:section" content="" />
<link rel="alternate" type="application/rss+xml" href="https://metufss.org/en/index.xml" title="fss@metu" />
<body class="flex flex-col min-h-screen">
<header class="fixed flex items-center w-full min-h-16 pl-scrollbar z-50 bg-secondary-bg shadow-sm">
<div class="w-full max-w-screen-xl mx-auto"><script>
let storageColorScheme = localStorage.getItem("lightDarkMode")
if (((storageColorScheme == 'Auto' || storageColorScheme == null) && window.matchMedia("(prefers-color-scheme: dark)").matches) || storageColorScheme == "Dark") {
document.getElementsByTagName('html')[0].classList.add('dark')
}
</script>
<nav class="flex items-center justify-between flex-wrap px-4 py-4 md:py-0">
<a href="/en/" class="mr-6 text-primary-text text-xl font-bold">fss@metu</a>
<button id="navbar-btn" class="md:hidden flex items-center px-3 py-2" aria-label="Open Navbar">
<i class="fas fa-bars"></i>
</button>
<div id="target"
class="hidden block md:flex md:flex-grow md:justify-between md:items-center w-full md:w-auto text-primary-text z-20">
<div class="md:flex md:h-16 text-sm md:flex-grow pb-4 md:pb-0 border-b md:border-b-0">
<a href="/en/#about" class="block mt-4 md:inline-block md:mt-0 md:h-(16-4px) md:leading-(16-4px) box-border md:border-t-2 md:border-b-2 border-transparent mr-4">About</a>
<a href="/en/#experiences" class="block mt-4 md:inline-block md:mt-0 md:h-(16-4px) md:leading-(16-4px) box-border md:border-t-2 md:border-b-2 border-transparent mr-4">Projects</a>
<a href="/en/posts/" class="block mt-4 md:inline-block md:mt-0 md:h-(16-4px) md:leading-(16-4px) box-border md:border-t-2 md:border-b-2 border-transparent mr-4">Posts</a>
<a href="/en/docs/" class="block mt-4 md:inline-block md:mt-0 md:h-(16-4px) md:leading-(16-4px) box-border md:border-t-2 md:border-b-2 border-transparent mr-4">Docs</a>
</div>
<div class="flex">
<div class="relative pt-4 md:pt-0">
<div class="cursor-pointer hover:text-eureka" id="lightDarkMode">
<i class="fas fa-adjust"></i>
</div>
<div class="fixed hidden inset-0 opacity-0 h-full w-full cursor-default z-30" id="is-open">
</div>
<div class="absolute flex flex-col left-0 md:left-auto right-auto md:right-0 hidden bg-secondary-bg w-48 rounded py-2 border border-tertiary-bg cursor-pointer z-40"
id='lightDarkOptions'>
<span class="px-4 py-1 hover:text-eureka">Light</span>
<span class="px-4 py-1 hover:text-eureka">Dark</span>
<span class="px-4 py-1 hover:text-eureka">Auto</span>
</div>
</div>
<div class="relative pt-4 pl-4 md:pt-0">
<div class="cursor-pointer hover:text-eureka" id="languageMode">
<i class="fas fa-globe"></i>
<span class="pl-1"></span>
</div>
<div class="fixed hidden inset-0 opacity-0 h-full w-full cursor-default z-30" id="is-open-lang">
</div>
<div class="absolute flex flex-col left-0 md:left-auto right-auto md:right-0 hidden bg-secondary-bg w-48 rounded py-2 border border-tertiary-bg cursor-pointer z-40"
id='languageOptions'>
<a class="px-4 py-1 hover:text-eureka" href="https://metufss.org/en/"></a>
<a class="px-4 py-1 hover:text-eureka" href="https://metufss.org/tr/"></a>
</div>
</div>
</div>
</div>
<div class="fixed hidden inset-0 opacity-0 h-full w-full cursor-default z-0" id="is-open-mobile">
</div>
</nav>
<script>
let element = document.getElementById('lightDarkMode')
if (storageColorScheme == null || storageColorScheme == 'Auto') {
document.addEventListener('DOMContentLoaded', () => {
switchMode('Auto')
})
} else if (storageColorScheme == "Light") {
element.firstElementChild.classList.remove('fa-adjust')
element.firstElementChild.setAttribute("data-icon", 'sun')
element.firstElementChild.classList.add('fa-sun')
} else if (storageColorScheme == "Dark") {
element.firstElementChild.classList.remove('fa-adjust')
element.firstElementChild.setAttribute("data-icon", 'moon')
element.firstElementChild.classList.add('fa-moon')
}
document.addEventListener('DOMContentLoaded', () => {
getcolorscheme();
switchBurger();
switchLanguage()
});
</script></div>
</header>
<main class="flex-grow pt-16">
<div class="pl-scrollbar bg-primary-bg"
>
<div class="max-w-screen-xl mx-auto">
<div id="intro" class="lg:w-3/4 mx-auto px-6 md:px-8 xl:px-12 py-12">
<!DOCTYPE html>
<head>
<meta name="generator" content="Hugo 0.85.0" />
<style>
.teletype-prefix, .teletype-cursor { color: #e31837; }
</style>
</head>
<body>
<p class="type-text" title="Free as in freedom!^2000 ~14 Software, Free Society!">:)</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="jquery.teletype.js"></script>
<script>
$( function() {
$( '.type-text' ).each( function() {
var items = $( this ).attr( 'title' ) + ';' + $( this ).text();
$( this ).empty().attr( 'title', '' ).teletype( {
text: $.map( items.split( ';' ), $.trim ),
typeDelay: 10,
backDelay: 20,
cursor: '▋',
delay: 3000,
preserve: false,
prefix: '[fss@metu ~]$ ',
loop: 0
} );
} );
} );
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36251023-1']);
_gaq.push(['_setDomainName', 'jqueryscript.net']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
</div>
</div>
</div>
<div class="pl-scrollbar bg-secondary-bg"
>
<div class="max-w-screen-xl mx-auto">
<div id="about" class="lg:w-3/4 mx-auto px-6 md:px-8 xl:px-12 py-12">
<div class="flex flex-col md:flex-row items-center justify-center mb-12">
<div class="flex-none w-48 mx-auto md:ml-0 md:mr-8 md:pr-8 md:border-r">
<img src="https://metufss.org/images/logo.png" class="rounded-full" alt="Avatar">
</div>
<div class="flex-grow mt-4 md:mt-0">
<div class="text-3xl py-4">Free Software Society</div>
<div class="w-3/12 xl:w-2/12 border-b"></div>
<div class="flex items-center pt-4">
<div class="flex flex-wrap">
<i class="fas fa-university"></i>
<a href="http://www.metu.edu.tr/" class="pl-4">Middle East Technical University</a>
</div>
</div>
<div class="py-8 text-lg leading-normal">
Use, study, share, develop!
</div>
</div>
<div class="flex md:flex-col justify-center items-end ml-8">
<div class="pb-2 pr-4 md:pr-0 pt-4 md:pt-0">
<a href="mailto:example@example.com"><i class="fas fa-envelope"></i></a>
</div>
<div class="pb-2 pr-4 md:pr-0 pt-4 md:pt-0">
<a href="https://metu.life/@fss"><i class="fab fa-tree"></i></a>
</div>
<div class="pb-2 pr-4 md:pr-0 pt-4 md:pt-0">
<a href="https://twitter.com/metuFSS"><i class="fab fa-twitter"></i></a>
</div>
<div class="pb-2 pr-4 md:pr-0 pt-4 md:pt-0">
<a href="https://git.oyd.org.tr/MetuFSS"><i class="fab fa-github"></i></a>
</div>
</div>
</div>
<div class="content">
<h2 id="introduction">Introduction</h2>
<p>FSS is a student society that brings together students who are interested in free software and want to improve their level of technological literacy.</p>
<p>Free Software Society aims:</p>
<p>To work towards increasing the awareness of free software and the use of these technologies within the culture of METU, to ensure that activities are carried out and continue in accordance with the objectives.</p>
<h2 id="objectives">Objectives</h2>
<ul>
<li>
<p>Conducting trainings and dissemination activities in order to popularize the GNU philosophy and the use of free software.</p>
</li>
<li>
<p>To encourage the use and contribution of free software so that the benefits of academic studies can be shared publicly.</p>
</li>
<li>
<p>Works for network neutrality and accessible internet.</p>
</li>
<li>
<p>It opposes the limitation of our fundamental rights and freedoms, the efforts to create a society of surveillance / control, and struggles for the use of technology to liberate people and society more.</p>
</li>
<li>
<p>It works for the development of a brand new communication culture against social networks being seen and used as a mere consumption and exhibition tool.</p>
</li>
<li>
<p>Opposes scientific and technological accumulation to be private or private property.</p>
</li>
<li>
<p>Advocates sharing production models and licenses against patents and licenses that dominate these collective assets that are not benefitial for the society.</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="pl-scrollbar bg-primary-bg"
>
<div class="max-w-screen-xl mx-auto">
<div id="experiences" class="lg:w-4/5 mx-auto px-6 md:px-8 xl:px-12 py-12">
<div class="flex flex-col lg:flex-row">
<div class="flex-none lg:w-1/4 lg:mr-4">
<h2 class="font-bold text-3xl my-4">Projects</h2>
</div>
<div class="flex-grow lg:ml-4">
<div class="mb-6">
<div class="bg-secondary-bg rounded border hover:shadow-lg transition ease-in-out duration-200 px-6 pt-6 pb-4">
<div class="mb-4">
<div class="font-bold text-xl">Metu Wiki</div>
<div class="flex flex-col md:flex-row md:justify-between">
<div>
<a href="https://metu.wiki">metu.wiki</a>
<span> </span>
</div>
<div class="flex-shrink-0"> 2021 - February</div>
</div>
</div>
<div class="content">
A <strong>free</strong> and <strong>open</strong> informative database for all things about METU.
</div>
</div>
</div>
<div class="mb-6">
<div class="bg-secondary-bg rounded border hover:shadow-lg transition ease-in-out duration-200 px-6 pt-6 pb-4">
<div class="mb-4">
<div class="font-bold text-xl">Think</div>
<div class="flex flex-col md:flex-row md:justify-between">
<div>
<a href="https://think.metu.life">think.metu.life</a>
<span> </span>
</div>
<div class="flex-shrink-0"> 2021 February</div>
</div>
</div>
<div class="content">
<p>Think with hocams.</p>
<ul>
<li>Discussion board based on Discourse</li>
</ul>
</div>
</div>
</div>
<div class="mb-6">
<div class="bg-secondary-bg rounded border hover:shadow-lg transition ease-in-out duration-200 px-6 pt-6 pb-4">
<div class="mb-4">
<div class="font-bold text-xl">Metu Life</div>
<div class="flex flex-col md:flex-row md:justify-between">
<div>
<a href="https://metu.life">metu.life</a>
<span> </span>
</div>
<div class="flex-shrink-0"> 2020 - November</div>
</div>
</div>
<div class="content">
<p>Follow hocams and discover new ones!</p>
<ul>
<li>Distributed Social Media based on Mastodon</li>
<li>No tracking and advertisement mechanisms</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pl-scrollbar bg-primary-bg"
>
<div class="max-w-screen-xl mx-auto">
<div id="pages" class="lg:w-3/4 mx-auto px-6 md:px-8 xl:px-12 py-12">
<h2 class=" font-bold text-3xl my-4">Pages</h2>
<div class="overflow-hidden divide-y">
<div class="py-6">
<div class="flex flex-col-reverse lg:flex-row justify-between">
<div class="w-full ">
<div class="mb-4">
<a href="https://metufss.org/en/posts/test/" class="font-bold text-xl hover:text-eureka">Test</a>
</div>
<div class="content">
This is a test post
metufss FSS
</div>
<div class="flex flex-wrap flex-row items-center mt-2 text-tertiary-text">
<div class="mr-6 my-2">
<i class="fas fa-calendar mr-1"></i>
<span>2021-03-05</span>
</div>
<div class="mr-6 my-2">
<i class="fas fa-clock mr-1"></i>
<span>1 min read</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2 hover:text-eureka">
<a href="https://metufss.org/en/posts/" class="font-semibold">Read More</a>
<i class="fas fa-caret-right ml-1"></i>
</div>
</div>
</div>
</div>
</main>
<footer class="pl-scrollbar">
<div class="w-full max-w-screen-xl mx-auto"><div class="text-center p-6 pin-b">
<p class="text-sm text-tertiary-text">&copy; 2021 <a href="https://www.wangchucheng.com/">C. Wang</a> and <a href="https://www.ruiqima.com/">R. Ma</a>
&middot; Powered by the <a href="https://github.com/wangchucheng/hugo-eureka" class="hover:text-eureka">Eureka</a> theme for <a href="https://gohugo.io" class="hover:text-eureka">Hugo</a></p>
</div></div>
</footer>
</body>
</html>