This repository has been archived by the owner on Jul 24, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprincipios.html
232 lines (227 loc) · 17.7 KB
/
principios.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
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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Principios</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css">
<style>
.square-image {
padding-top: 100%; /* Relativo a la anchura */
position: relative;
overflow: hidden;
}
.square-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
</style>
</head>
<body class="bg-gray-100">
<div class="flex flex-col md:flex-row">
<!-- Columna de la derecha -->
<div class="bg-green-600 text-white w-full md:w-64 py-4 md:py-6 px-4 md:px-6">
<a href="index.html"><img src="img/logo_1.png" width="200"></a>
<div class="md:hidden">
<!-- Menú desplegable para la versión responsive -->
<button type="button" class="block text-gray-300 hover:text-white focus:text-white focus:outline-none">
<svg class="h-6 w-6 fill-current" viewBox="0 0 24 24">
<path
d="M4 6h16M4 12h16M4 18h16"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</button>
</div>
<div class="hidden md:block">
<ul class="mt-4">
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA MANQAÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA UMAÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA THOKOÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA THOKOÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA IKIÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA IRNAKAÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA LUPIÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA AMUYAÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA MUNAÑA, MUNAYASIÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA IST AÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA SAMKASIÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">SUMA SARNAQAÑA</a></li>
<li><a href="#" class="block py-2 hover:text-yellow-300">CHURAÑA, SUMA KATUKAÑA</a></li>
</ul>
</div>
</div>
<!-- Contenido principal -->
<div class="bg-purple-500 w-full md:flex-1 py-4 md:py-6 px-4 md:px-6">
<div class="max-w-7xl mx-auto">
<div class="mb-8 ">
<h1 class="text-3xl font-bold mb-2 text-yellow-300">Sumak Kawsay</h1>
<p class="text-yellow-300">Descripción de la sección</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-4 gap-8">
<div class="bg-yellow-300 rounded-lg shadow-md overflow-hidden">
<!-- <div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div> -->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Manqaña | Conscious Eating</h2>
<p class=" text-sm text-green-600 ">Conscious eating is integrating a series of beings and processes in an act of preserving life. </p>
<br>
<p class="text-sm text-green-600 "> Conscious eating is a construction of encounter: being well accompanied and sharing with others to avoid waste </p>
<p class="text-sm text-green-600 ">Conscious eating is opening up the reflection on health as an individual and collective responsibility.
</p>
</div>
</div>
<div class="bg-yellow-300 rounded-lg shadow-md hover:shadow-lg transform hover:-translate-y-1 transition-all duration-400">
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Umaña | Conscious Drinking</h2>
<p class="text-sm text-green-600">Conscious drinking complements knowing how to eat.
We are liquid and through liquid we socialize and celebrate rituals to share with others. <br> <p class="text-sm text-green-600"> We also get drunk, which allows us to flow and let flow through the liquid that we are. It fills and calms us at the same time.</p>
<p class="text-sm text-green-600"> We are fluid beings full of water. The parts of these systems mean taking care of water as a vital issue and need.
</p>
</div>
</div>
<div class="bg-yellow-300 rounded-lg shadow-md overflow-hidden">
<!-- <div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div>-->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Thokoña | Conscious Dancing</h2>
<p class=" text-sm text-green-600">Conscious dancing means knowing how to be present, relate, and connect.
Conscious dancing is communicating with other beings, with the ritual of liberating the body in connection with the cosmos, and with spirituality.
Conscious dancing is the mystical language of the complete being in a decentralized expression of the body in its entirety,
Conscious dancing is navigating space and learning to share, understanding rhythms and pauses of movements, and also understanding stillness.
</p>
</div>
</div>
<div class="bg-yellow-300 rounded-lg shadow-md overflow-hidden">
<!--<div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div> -->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Ikiña | Conscious Sleeping</h2>
<p class=" text-sm text-green-600">Conscious sleeping has its own rituals to predispose itself to rest, silence, and pause, such as taking into account the position of the bed or learning to sleep two days (the night of one and the dawn of the other).
Conscious sleeping can be a state of protection when something distresses us. It can make us withdraw and deactivate as a matter of rhythms and times, of intensities and repose.
When we practice conscious sleeping we facilitate the revitalization of the body and mind to think and project ourselves in an organized manner.
</p>
</div>
</div>
<div class="bg-yellow-300 rounded-lg shadow-md overflow-hidden">
<!-- <div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div>-->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Irnakaña |Conscious Working</h2>
<p class="text-sm text-green-600">Forgetting about salaried work, understood as the capitalist and Western rhythm, we must seek to work consciously with pleasure, facing our everyday lives, and doing what we like without feeling under the weight of senseless obligation.
It is important to work with respect: rhythm and time, our energy, environment, and tools, valuing work done by others, using all our senses to reach non-exhausting ways that help us achieve what we propose, and facing difficulties with intelligence and patience.
We work consciously with care and love which helps us learn and develop many skills and be willing to do so, favoring the rhythms of life and personal fulfillment.
</p>
</div>
</div>
<div class="bg-yellow-300 rounded-lg shadow-md overflow-hidden">
<!-- <div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div>-->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2"> Suma Lupiña | Conscious Meditation</h2>
<p class="text-sm text-green-600">Conscious meditation, the importance of silence, and looking inside oneself, means knowing how to speak and be in dialogue with oneself.
Conscious meditation allows us to pay attention to our breathing and listen to our body. It is a principle related to moments of stillness, introspection, self-criticism, and reflection.
Conscious meditation is a process that is cultivated; one learns the need to do it, seeks that calm, takes time for that moment, takes the time to be grateful, and prepares for life and death.
</p>
</div>
</div>
<div class="bg-yellow-300 rounded-lg shadow-md overflow-hidden">
<!-- <div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div>-->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Amuyaña | Conscious Thinking</h2>
<p class=" text-sm text-green-600">Conscious thinking is the ability to stop and reflect before speaking and acting.
Conscious thinking also means to think collectively, build collective intelligence, and learn to nurture thought. Knowing how to think is then a creative act. It means new ideas and clarities. It implies listening to others who are close and share in feelings and think about helping to have a broader perspective to navigate the map of possibilities.
Conscious thinking is related to connecting the mind and heart. In this sense, it is related to the principle of knowing how to meditate. It means being reflective, questioning oneself, wanting to know what lies beyond, and having the ability to think critically and imagine radically.
</p>
</div>
</div>
<div class="bg-yellow-300 rounded-lg shadow-md overflow-hidden">
<!-- <div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div>-->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Munaña, Munayasiña | Conscious Loving and Being Loved</h2>
<p class="text-sm text-green-600">Conscious loving and being loved means knowing how to love oneself and thus being able to care and understand loving others. It means knowing how to give what you want to receive.
Conscious loving and being loved are built from trust, freedom, and listening. It means always seeking well-being.
There are many ways to love and we must learn all of the ways.
This principle is a vertex between the previous ones that place us in knowing how to be with oneself and those that follow that are knowing how to be with others in harmony.
</p>
</div>
</div>
<div class="bg-yellow-300 rounded-lg shadow-md overflow-hidden">
<!--<div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div>-->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Ist aña | Conscious Listening</h2>
<p class="text-sm text-green-600">Conscious listening is a test of respect and a key to communication. It implies an attitude of understanding others. It is fundamental for the construction of our relationships.
Conscious listening is necessary for collective construction and knowledge.
We must find more and more ways to listen to each other. That is why knowing how to meditate and knowing how to think are well connected with this principle. They are also a part of learning, listening to the rhythm of the heart, the dialogue between humans and nonhumans, knowing how to be and knowing how to feel that there is within us, knowing what is in the environment, refining the ear to interpret people, spaces, measuring distances, internal listening, and manifestations of the body.
</p>
</div>
</div>
<div class="bg-yellow-300 rounded-lg shadow-md overflow-hidden">
<!-- <div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div>-->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Aruskipaña |Conscious Speech</h2>
<p class="text-sm text-green-600">Conscious speech implies invoking the great power that words have to cultivate dialogue and communication. This is why it is important to work internally on the ability to listen, observe and reflect on ourselves and those around us. This lets us connect our intention with our expression by selecting love and caring about what we are going to say. Speaking well does not mean that one must always speak. Silence is an ally in times with a lot of noise. Words are a means of personal and collective recognition.</p>
</div>
</div>
<div class="bg-yellow-300 rounded-lg shadow-md overflow-hidden">
<!-- <div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div> -->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Samkasiña | Conscious Dreaming</h2>
<p class="text-sm text-green-600">Conscious dreaming is the result of connecting personal and collective goals and desires. When this synchronization happens, energy is empowered that gives projection and momentum to a path that we trace together. This journey leads us to the construction of other possible worlds, materializing new realities based on dignity and harmony.</p>
</div>
</div>
<div class="bg-yellow-300 rounded-lg shadow-md overflow-hidden">
<!-- <div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div> -->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Sarnaqaña | Conscious Walking</h2>
<p class="text-sm text-green-600">Conscious walking is something that is learned in the experience of walking alone and with others. Along the way, we discover different forms and rhythms and we can surprise ourselves with new ways that lead us to know ourselves better and strengthen each other. We can adapt the rhythms to what the moment asks us --pauses, detours, retracing steps, slow progress, constancy, acceleration-- into a dance that brings us closer to our dreams. At certain times through introspection and at other times through coordination with others, we venture into unknown paths and hold ourselves in trust.</p>
</div>
</div>
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<!-- <div class="square-image">
<img src="https://raw.githubusercontent.com/platohedro/powertocommons/main/img/AMAR.jpg" alt="Imagen de ejemplo">
</div> -->
<div class="p-4 bg-yellow-300">
<h2 class="text-base text-green-600 font-bold mb-2">Suma Churaña, suma Katukaña | Conscious Reciprocity</h2>
<p class="text-sm text-green-600">Conscious reciprocity means a relational and generative exchange in which the complexity of the principles of Buen Vivir is collected and integrated. It refers to the ability to cultivate gratitude and generosity, giving the best of us with love. It is a spiral that embraces the organic flow of all things and inhabits the way we exist in the world, seeking balance and balance in the bonds we cultivate with others. Giving and receiving have the capacity to transform and transform ourselves, by expanding our gaze and opening ourselves to new opportunities.</p>
</div>
</div>
<!-- Repetir este bloque para las demás imágenes -->
</div>
</div>
</div>
<!-- Repetir este bloque 12 veces más -->
</div>
</div>
</div>
<!-- Columna adicional a la derecha -->
<!-- <div class="bg-gray-900 text-white w-full md:w-64 py-4 md:py-6 px-4 md:px-6">
<h2 class="text-lg font-bold">Publicidad</h2>
<p class="mt-4">Aquí podría ir un anuncio o alguna otra información adicional.</p>
</div> -->
</div>
</body>
</html>