-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (105 loc) · 6.92 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="static/img/favicon.png">
<!-- Bootstrap Styles - css
================================================== -->
<link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css">
<!-- Jquery - js
================================================== -->
<script type="text/javascript" language="javascript" src="static/js/jquery-3.4.1.min.js"></script>
<!-- Bootstrap - js
================================================== -->
<script src="static/bootstrap/js/bootstrap.min.js"></script>
<!-- Scripts - js
================================================== -->
<script src="static/js/scripts.js?version=1.0" type="text/javascript"></script>
<!-- Font-awesome CSS -->
<link href="static/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Styles - css
================================================== -->
<link href="static/css/theme.css" rel="stylesheet">
<title>Index</title>
</head>
<body>
<div class="bg-image"></div>
<div class="container-fluid">
<div class="row">
<!-- Columna izquierda
================================================== -->
<div class="col-sm-2 columna-izquierda">
<div class="header-columna-izquierda text-center mt-3 mb-3">
<a href="#" title="xxx">
<i class="fa fa-home fa-sm fa-columna-izquierda"></i>
<b class="ml-1">Python GTK+ 3 Tutorial</b>
<a>
</div>
<hr>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>1. Installation</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>2. Getting Started</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>3. Basics</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>4. How to Deal With Strings</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>5. Widget Gallery</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>6. Layout Containers</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>7. Label</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>8. Entry</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>9. Button Widgets</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>10. ProgressBar</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>11. Spinner</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>12. Tree and List Widgets</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>13. CellRenderers</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>14. ComboBox</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>15. IconView</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>16. Multiline Text Editor</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>17. Dialogs</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>18. Popovers</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>19. Clipboard</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>20. Drag and Drop</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>21. Glade and Gtk.Builder</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>22. Objects</b></a></div>
<div class="mb-2"><a href="#" class="text-columna-izquierda text-white"><b>23. Application</b></a></div>
</div>
<!-- Columna izquierda final -->
<!-- Columna derecha
================================================== -->
<div class="col-sm-10 columna-derecha">
<div class="container-fluid">
<div class="ancho">
<div class="mt-2"><h3>1. Installation</h3></div>
<hr>
<p class="text-justify">Prior to working through this tutorial, it is recommended that you have a reasonable grasp of the Python programming language. GUI programming introduces new problems compared to interacting with the standard output (console / terminal). It is necessary for you to know how to create and run Python files, understand basic interpreter errors, and work with strings, integers, floats and Boolean values. For the more advanced widgets in this tutorial, good knowledge of lists and tuples will be needed.</p>
<div class="card mb-3">
<div class="card-body">
# apt install python3-gi python3-gi-cairo gir1.2-gtk-3.0
</div>
</div>
<p class="text-justify">Prior to working through this tutorial, it is recommended that you have a reasonable grasp of the Python programming language. GUI programming introduces new problems compared to interacting with the standard output (console / terminal). It is necessary for you to know how to create and run Python files, understand basic interpreter errors, and work with strings, integers, floats and Boolean values. For the more advanced widgets in this tutorial, good knowledge of lists and tuples will be needed.</p>
<div class="card mb-3">
<div class="card-body">
<h5 class="card-title">Source</h5>
<p class="card-text">
# -*- coding: utf-8 -*-<br>
import gi<br>
gi.require_version("Gtk", "3.0")<br>
from gi.repository import Gtk<br>
window = Gtk.Window(title="Hello World")<br>
window.show()<br>
window.connect("destroy", Gtk.main_quit)<br>
Gtk.main()
</p>
<a href="#" class="card-link">Download</a>
</div>
</div>
<p class="text-justify">Prior to working through this tutorial, it is recommended that you have a reasonable grasp of the Python programming language. GUI programming introduces new problems compared to interacting with the standard output (console / terminal). It is necessary for you to know how to create and run Python files, understand basic interpreter errors, and work with strings, integers, floats and Boolean values. For the more advanced widgets in this tutorial, good knowledge of lists and tuples will be needed.</p>
</div>
</div>
<!-- Columna derecha final -->
</div>
</div>
</body>
</html>