slide/index.html at main · yoosofan/slide · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="utf-8" />
<meta name="generator" content="Docutils 0.20.1: https://docutils.sourceforge.io/" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>readme.rst</title>
<style type="text/css">

@import "fontface.css";
:root{--base-font-size: 1.2rem;}
body {  margin:0.5px; padding:0.5px;}
/*body { direction: rtl; font-family: 'behdad'; font-size: 1.5em; margin:0.5px; padding:0.5px;}*/

.rtl { direction: rtl; }
.ltr { direction: ltr; font-family: behdad; font-size: var(--base-font-size); }

pre.code { background-color:#f0f0f0;}
pre.console{background-color: #F9E0E0;}

.center {text-align: center; align:center;   margin-left: auto;  margin-right: auto;}
p {margin:0.1rem; padding: 0.1rem; text-align: justify;}
.tableheaderwithgraybackground th {
  /*border: 1px solid black;*/
  font-weight: bold;
  /* background-color: lightgray;  #BFBFBF; */
  print-color-adjust: economy;
  margin:0.5px; padding:0.5px;
}
.table-without-border-class, .table-without-border-class *{
  border: none;
  margin:0.5px; padding:0.5px;
  text-align: right;
}
table.smallerelementwithfullborder, table.smallerelementwithfullborder tr,
table.smallerelementwithfullborder td, table.smallerelementwithfullborder th
{border: 1px solid black;}

.rtl-h1{
  direction: rtl;
  font-size: xx-large;
  text-align: center;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
  font-family: behdad;
}

.rtl-h2{
  direction: rtl;
  font-size: x-large;
  text-align: center;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
  font-family: behdad;
}

.rtl-h3{
  direction: rtl;
  font-size: large;
  text-align: center;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
  font-family: behdad;
}

ol.rtl-h1, ol.rtl-h2, ol.rtl-h3, ul.rtl-h1, ul.rtl-h2, ul.rtl-h3{
  text-align: right;
  font-family: behdad;
}

ol.rtl-h1 li, ol.rtl-h2 li, ol.rtl-h3 li, ul.rtl-h1 li, ul.rtl-h2 li, ul.rtl-h3 li{
  text-align: right;
  font-size: large;
}
div.t2c{
  display: grid;
  grid-template-columns: auto auto;
  justify-items: center;
  align-items: center ;
  gap: 10px ;
}
div.t2c > h1, div.t2c > .rtl-h1{
  grid-column: 1 / 3;
  background-color: #E6F4FA;
}

</style>
</head>
<body>
<main>


<p><a class="reference internal" href="#target-1">فارسی</a></p>
<section id="ahmad-yoosofan-slides-for-some-computer-courses">
<h2>Ahmad Yoosofan Slides for some Computer Courses</h2>
<section id="list-of-courses-and-slides">
<h3>List of courses and slides</h3>
<table>
<thead>
<tr><th class="head"><p>folder</p></th>
<th class="head"><p>course name</p></th>
</tr>
</thead>
<tbody>
<tr><td><p><a class="reference external" href="https://yoosofan.github.io/slide/cm">cm</a></p></td>
<td><p>Compiler Design</p></td>
</tr>
<tr><td><p><a class="reference external" href="https://yoosofan.github.io/slide/cpp">cpp</a></p></td>
<td><p>Advanced Programming: cpp based</p></td>
</tr>
<tr><td><p><a class="reference external" href="https://yoosofan.github.io/slide/db">db</a></p></td>
<td><p>Fundamental of Database Systems Concepts</p></td>
</tr>
<tr><td><p><a class="reference external" href="https://yoosofan.github.io/slide/os">os</a></p></td>
<td><p>Operating Systems</p></td>
</tr>
<tr><td><p><a class="reference external" href="https://yoosofan.github.io/slide/web">web</a></p></td>
<td><p>Front-end Web Development Fundations and related topics</p></td>
</tr>
</tbody>
</table>
<p>For each rst slide files in the above courses, there is a html folder by the same name.</p>
<p>For example, for <cite>os/mem.rst</cite> file almost always, there is a folder by the
name <cite>os/mem/</cite> .
By opening index.html on that folder (<cite>os/mem/index.html</cite>), the slides can be shown.</p>
<p>To download a folder from GitHub, navigate to your desired repository,
select the folder you want to download from GitHub, copy the URL, navigate to
<a class="reference external" href="https://download-directory.github.io/">https://download-directory.github.io/</a> and paste the URL into the text box,
and hit enter.</p>
<p>For example do download the following folder
<a class="reference external" href="https://yoosofan.github.io/slide/os/ps">https://yoosofan.github.io/slide/os/ps</a>
just copy it the the box in the following URL
<a class="reference external" href="https://download-directory.github.io/">https://download-directory.github.io/</a>
The zip file of the whole folder will be downloaded.</p>
<p>But sometimes the related html folder is outdated and should be genereted by
<a class="reference external" href="https://github.com/yoosofan/prezentprogramo">Prezentprogramo</a> .
And for changing slides, the rst files should be changed, then
html folder can be created by
<a class="reference external" href="https://github.com/yoosofan/prezentprogramo">Prezentprogramo</a> .</p>
<p>There are other situations that using
<a class="reference external" href="https://github.com/yoosofan/prezentprogramo">Prezentprogramo</a>
is prefereable. Therefore, learning how to use
<a class="reference external" href="https://github.com/yoosofan/prezentprogramo">Prezentprogramo</a> .
would be useful.</p>
</section>
<section id="use-prezentprogramo-to-view-presentations">
<h3>Use Prezentprogramo to view presentations</h3>
<p>Install <a class="reference external" href="https://github.com/yoosofan/prezentprogramo">Prezentprogramo</a></p>
<section id="run-a-simple-slide">
<h4>Run a simple slide</h4>
<pre class="code sh literal-block"><code><span class="name builtin">cd</span><span class="whitespace"> </span>os<span class="whitespace">
</span>prezentprogramo<span class="whitespace"> </span>cpu.rst</code></pre>
<p>It will automatically open browser if it is possible.
If the browser did not open then run your browser
and type the following link in your browser</p>
<p><a class="reference external" href="http://127.0.0.1:8000">http://127.0.0.1:8000</a></p>
<p class="ltr">How to create html from readme.rst</p>
<pre class="code sh literal-block"><code>rst2html5.py<span class="whitespace"> </span>readme.rst<span class="whitespace"> </span>index.html<span class="whitespace"> </span>--stylesheet<span class="operator">=</span>tools/farsi.css</code></pre>
<p class="rtl-h1" id="target-1">توضیح‌های فارسی</p>
<p class="rtl">اسلایدهای احمد یوسفان برای برخی از درس‌های کامپیوتری</p>
</section>
</section>
</section>
</main>
</body>
</html>