Difference between revisions of "Main Page"

From The Dictionary of Radical Alternatives
 
(21 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<div class='col-md-6'>
+
<!-- <section id="home-header"></section> -->
 +
<section id="home-exp">
 +
<div class='container'>
  
−
== Welcome to AltDic 0.2! ==
+
<div class='col-md-4 col-sm-6'>
 +
<div class='sidebar'>
 +
<div class='sidebar-head'>
 +
This platform aims to share worldviews and practices around alternatives processes in a collaborative way. '''[[Introduction|➤]]'''
 +
</div><div class="region-accordion panel-group" id="accordion-regiones" role="tablist" aria-multiselectable="false">
  
−
This platform aims to share worldviews and practices around alternatives processes in a collaborative way. '''[[Introduction|Read more ►]]'''
+
  <div class="region-title">Concepts by Region</div>
  
−
== List of concepts ==
+
  <!-- ===== Africa ===== -->
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading" data-toggle="collapse" data-parent="#accordion-regiones" data-target="#collapse-africa" aria-expanded="true">
 +
      <h4 class="panel-title">
 +
        AFRICA <span class="chevron glyphicon glyphicon-triangle-top"></span>
 +
      </h4>
 +
    </div>
 +
    <div id="collapse-africa" class="panel-collapse collapse in">
 +
      <div class="panel-body">
 +
        {{#ask: [[Category:Concepts]] [[Concepts:region::Africa]] |format=ul }}
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <!-- ===== Latin America ===== -->
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading collapsed" data-toggle="collapse" data-parent="#accordion-regiones" data-target="#collapse-latinamerica" aria-expanded="false">
 +
      <h4 class="panel-title">
 +
        LATIN AMERICA <span class="chevron glyphicon glyphicon-triangle-bottom"></span>
 +
      </h4>
 +
    </div>
 +
    <div id="collapse-latinamerica" class="panel-collapse collapse">
 +
      <div class="panel-body">
 +
        {{#ask: [[Category:Concepts]] [[Concepts:region::Latin America]] |format=ul }}
 +
      </div>
 +
    </div>
 +
  </div>
  
−
{{#ask: [[Category:Concepts]]
+
  <!-- ===== Oceania ===== -->
−
  |format=ul
+
  <div class="panel panel-default">
 +
    <div class="panel-heading collapsed" data-toggle="collapse" data-parent="#accordion-regiones" data-target="#collapse-oceania" aria-expanded="false">
 +
      <h4 class="panel-title">
 +
        OCEANIA <span class="chevron glyphicon glyphicon-triangle-bottom"></span>
 +
      </h4>
 +
    </div>
 +
    <div id="collapse-oceania" class="panel-collapse collapse">
 +
      <div class="panel-body">
 +
        {{#ask: [[Category:Concepts]] [[Concepts:region::Oceania]] |format=ul }}
 +
      </div>
 +
    </div>
 +
  </div>
 +
 
 +
 
 +
 
 +
 
 +
  <!-- ===== Central Asia ===== -->
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading collapsed" data-toggle="collapse" data-parent="#accordion-regiones" data-target="#collapse-centralasia" aria-expanded="false">
 +
      <h4 class="panel-title">
 +
        CENTRAL ASIA <span class="chevron glyphicon glyphicon-triangle-bottom"></span>
 +
      </h4>
 +
    </div>
 +
    <div id="collapse-centralasia" class="panel-collapse collapse">
 +
      <div class="panel-body">
 +
        {{#ask: [[Category:Concepts]] [[Concepts:region::Central Asia]] |format=ul }}
 +
      </div>
 +
    </div>
 +
  </div>
 +
 
 +
  <!-- ===== South Asia ===== -->
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading collapsed" data-toggle="collapse" data-parent="#accordion-regiones" data-target="#collapse-sasia" aria-expanded="false">
 +
      <h4 class="panel-title">
 +
        SOUTH ASIA <span class="chevron glyphicon glyphicon-triangle-bottom"></span>
 +
      </h4>
 +
    </div>
 +
    <div id="collapse-sasia" class="panel-collapse collapse">
 +
      <div class="panel-body">
 +
        {{#ask: [[Category:Concepts]] [[Concepts:region::South Asia]] |format=ul }}
 +
      </div>
 +
    </div>
 +
  </div>
 +
 
 +
 
 +
  <!-- ===== South East Asia ===== -->
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading collapsed" data-toggle="collapse" data-parent="#accordion-regiones" data-target="#collapse-seasia" aria-expanded="false">
 +
      <h4 class="panel-title">
 +
        SOUTH EAST ASIA <span class="chevron glyphicon glyphicon-triangle-bottom"></span>
 +
      </h4>
 +
    </div>
 +
    <div id="collapse-seasia" class="panel-collapse collapse">
 +
      <div class="panel-body">
 +
        {{#ask: [[Category:Concepts]] [[Concepts:region::South East Asia]] |format=ul }}
 +
      </div>
 +
    </div>
 +
  </div>
 +
 
 +
  <!-- ===== Global South ===== -->
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading collapsed" data-toggle="collapse" data-parent="#accordion-regiones" data-target="#collapse-globalsouth" aria-expanded="false">
 +
      <h4 class="panel-title">
 +
        GLOBAL SOUTH <span class="chevron glyphicon glyphicon-triangle-bottom"></span>
 +
      </h4>
 +
    </div>
 +
    <div id="collapse-globalsouth" class="panel-collapse collapse">
 +
      <div class="panel-body">
 +
        {{#ask: [[Category:Concepts]] [[Concepts:region::Global South]] |format=ul }}
 +
      </div>
 +
    </div>
 +
  </div>
 +
 
 +
 
 +
  <!-- ===== Critical concepts from the Global North ===== -->
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading collapsed" data-toggle="collapse" data-parent="#accordion-regiones" data-target="#collapse-southnorth" aria-expanded="false">
 +
      <h4 class="panel-title">
 +
        SOUTH IN THE NORTH <span class="chevron glyphicon glyphicon-triangle-bottom"></span>
 +
      </h4>
 +
    </div>
 +
    <div id="collapse-southnorth" class="panel-collapse collapse">
 +
      <div class="panel-body">
 +
        {{#ask: [[Category:Concepts]] [[Concepts:region::South in the North]] |format=ul }}
 +
      </div>
 +
    </div>
 +
  </div>
 +
 
 +
</div>
 +
 
 +
<html>
 +
<script>
 +
  // Cambia los íconos de los chevrons al abrir/cerrar
 +
  $('#accordion-regiones').on('shown.bs.collapse', function (e) {
 +
    $(e.target).prev('.panel-heading').find('.chevron')
 +
      .removeClass('glyphicon-triangle-bottom')
 +
      .addClass('glyphicon-triangle-top');
 +
  });
 +
 
 +
  $('#accordion-regiones').on('hidden.bs.collapse', function (e) {
 +
    $(e.target).prev('.panel-heading').find('.chevron')
 +
      .removeClass('glyphicon-triangle-top')
 +
      .addClass('glyphicon-triangle-bottom');
 +
  });
 +
</script>
 +
</html>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<div class='col-md-8 col-sm-6' style="padding-top:20px;">
 +
 
 +
{{#ask:
 +
[[Category:FeaturedConcepts]]
 +
|?Concepts:region
 +
|?Concepts:ethimology
 +
|?Concepts:illustration
 +
  |format=template
 +
|template=ConceptMeme
 +
|named args=yes
 +
|order=rand
 +
|limit=1
 
}}
 
}}
  
−
-----
+
</div>
  
−
* [[Concepts|Add new Concept]]
+
</div>
−
* [[Definitions|Suggest a Definition]]
 
  
 
</div>
 
</div>
−
<div class='col-md-6'>
+
</section>
 +
   
 +
<div class='col-md-12' style="padding: 3px 0 !important; background: white;">
 
{{#ask:  
 
{{#ask:  
 
  [[Category:Concepts]]
 
  [[Category:Concepts]]
 
  |?concepts:geolocation
 
  |?concepts:geolocation
 
  |format=leaflet
 
  |format=leaflet
−
  |zoom=2
+
|layers=CartoDB.DarkMatter
 +
  |zoom=1
 
  |height=600
 
  |height=600
 
  |clustermaxradius=30
 
  |clustermaxradius=30
Line 30: Line 184:
 
  |markercluster=no
 
  |markercluster=no
 
  |limit=2000
 
  |limit=2000
−
}}
+
}}  
 
</div>
 
</div>
 +
 +
 +
 +
  
 
__NOTOC__
 
__NOTOC__
Line 40: Line 198:
 
h1#firstHeading {
 
h1#firstHeading {
 
     display: none;
 
     display: none;
 +
}
 +
</style>
 +
</html>
 +
 +
 +
[[Category:ConFormato]]
 +
{{#css:
 +
  .mw-editsection, .contentHeader {display:none !important;}
 +
  hr {margin: 0;}
 +
 +
  section#home-header {
 +
  background: #117411;
 +
  color: white;
 +
  font-size: 20pt;
 +
  text-align: center;
 +
  margin: -1em 0 0em 0;
 +
  padding: 0.5em 0px 0.5em 0;
 +
  position: relative;
 +
  z-index: 300;
 +
  box-shadow: 0px 3px 20px 0px #141414;
 +
  }
 +
 +
  section#map {
 +
  z-index: 200;
 +
}
 +
 +
  section#map > div{
 +
background-color: rgb(30, 96, 17) !important;
 +
}
 +
 +
  section#home-exp h2 {
 +
    font-size: 30pt;
 +
    margin: 1em 0;
 +
  }
 +
 +
  span.home-exp-destacada-grande-titulo {
 +
    font-size: 40pt;
 +
    max-width: 445px;
 +
    float: left;
 +
    font-family: Alegreya,Georgia,serif;
 +
    font-weight: 400;
 +
    line-height: 1.2;
 +
    color: #212529;
 +
    text-align: left;
 +
    margin-top: 50px;
 +
  }
 +
 +
  span.home-exp-destacada-grande-lugar {
 +
    float: left;
 +
    position: relative;
 +
    width: 100%;
 +
    font-size: 16pt;
 +
  }
 +
 +
  div#home-exp-destacada-grande span.boton-1 {
 +
    position: relative;
 +
    bottom: 0;
 +
    left: 0;
 +
    margin: 20px 0;
 +
    float: left;
 +
  }
 +
 +
  div#home-exp-destacada-grande {
 +
    position: relative;
 +
    z-index: -1;
 +
    min-height: 400px;
 +
    padding-left: 100px;
 +
    margin-left: -8em;
 +
  }
 +
  div#home-exp-destacada-grande:before {
 +
    position: absolute;
 +
    width: 1500px;
 +
    height: 100%;
 +
    top: 0;
 +
    left: 0%;
 +
    content: "";
 +
  <!--  background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 20%, rgba(183,0,0,0.5) 60%, rgba(60,0,0,1) 90%), url(https://reevo.wiki/images/4/49/Reevo2020-experiencias-banner.jpg);
 +
    background-image: linear-gradient(to right, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 40%, rgba(183,0,0,0.5) 60%, rgba(60,0,0,1) 90%), url(Https://api.mapbox.com/v4/mapbox.satellite/-69.921885,-36.205373,12/1000x400@2x.png?access_token=pk.eyJ1IjoiaWFjb21lbGxhIiwiYSI6ImNpdWJ3OHJoYTAwOHgyb3BneWd1NG16bjgifQ.8uFt1oMO57yDT9Xzb_ScAw); -->
 +
 +
    z-index: -1;
 +
    background-size: cover;
 +
    background-blend-mode: overlay;
 +
    background-position-y: 60%;
 +
  }
 +
 +
  div#home-exp-destacada-grande h3 {
 +
    font-size: 32pt;
 +
    float: left;
 +
    max-width: 400px;
 +
    text-align: left;
 +
    font-weight: 400;
 +
  }
 +
 +
  span.boton-1 {
 +
      display: inline-flex;
 +
  }
 +
p > br {display:none !important;}
 +
 +
.mw-body {
 +
  margin: 1em 0 -1px !important;
 +
}
 +
 +
 +
.col-md-4 h3, .srf-tagcloud {
 +
  text-align: center;
 +
}
 +
 +
.CategoryTreeTag {
 +
  margin-top: 0.5ex;
 +
  margin-bottom: 0.5ex;
 +
  column-count: 2;
 +
  column-gap: 20px;
 +
  text-align: left;
 +
}
 +
 +
 +
  /* ===== ESTILOS GENERALES ===== */
 +
  .region-accordion {
 +
    background-color: #00ff00; /* verde brillante */
 +
    border: none;
 +
    padding: 0;
 +
    font-family: "Georgia", serif;
 +
    padding-top: 40px;
 +
    margin-top: -25px;
 +
  }
 +
 +
  .region-accordion .panel {
 +
    border: none;
 +
    box-shadow: none;
 +
    margin: 0;
 +
    background-color: transparent;
 +
  }
 +
 +
  /* ===== HEADER ===== */
 +
  .region-accordion .panel-heading {
 +
    background-color: #00ff00;
 +
    border: none;
 +
    text-align: right; /* ← texto alineado a la derecha */
 +
    cursor: pointer;
 +
    padding: 10px 20px;
 +
    transition: background-color 0.2s ease;
 +
  }
 +
 +
  .region-accordion .panel-heading:hover {
 +
    background-color: #1aff1a;
 +
  }
 +
 +
  .region-accordion .panel-title {
 +
    font-weight: bold;
 +
    text-transform: uppercase;
 +
    color: #000;
 +
    font-size: 16px;
 +
    display: flex;
 +
    justify-content: flex-end; /* ← contenido a la derecha */
 +
    align-items: center;
 +
    gap: 10px;
 +
  }
 +
 +
  /* ===== CHEVRON ===== */
 +
  .chevron {
 +
    font-size: 14px;
 +
    transition: transform 0.2s ease;
 +
  }
 +
 +
  .collapsed .chevron {
 +
    transform: rotate(0deg);
 +
  }
 +
 +
  .panel-heading:not(.collapsed) .chevron {
 +
    transform: rotate(180deg);
 +
  }
 +
 +
  /* ===== CONTENIDO ===== */
 +
  .region-accordion .panel-body {
 +
    background-color: #66ff66;
 +
    border-top: 1px solid #00cc00;
 +
    padding: 8px 15px;
 +
    text-align: right; /* ← contenido también alineado a la derecha */
 +
  }
 +
 +
  .region-accordion .panel-body ul {
 +
    list-style-type: none;
 +
    padding-left: 0;
 +
    margin: 0;
 +
  }
 +
 +
  .region-accordion .panel-body li {
 +
    border-bottom: 1px solid #00cc00;
 +
    padding: 5px 0;
 +
    color: #003300;
 +
  }
 +
 +
  .region-accordion .panel-body li:last-child {
 +
    border-bottom: none;
 +
  }
 +
 +
 +
.sidebar-head {
 +
background: #008001;
 +
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), 50% 100%, 0 calc(100% - 25px));
 +
position: relative;
 +
padding-bottom: 20px;
 +
z-index: 2;
 +
}
 +
 +
 +
.sidebar-head p {
 +
    padding: 20px;
 +
    margin: 0;
 +
    color: white;
 +
    font-family: 'EB Garamond' !important;
 +
    font-size: 15pt;
 +
line-height: 2.5rem !important;
 +
}
 +
 +
.sidebar-head a {
 +
color: white;
 +
}
 +
 +
.panel-group {
 +
/*clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), 50% 100%, 0 calc(100% - 25px));*/
 +
    padding-bottom: 30px;
 +
z-index: 1;
 +
}
 +
 +
.mw-body {
 +
    margin: -10px 0 !important;
 +
}
 +
 +
.region-accordion .panel-body li {
 +
    list-style: none;
 +
}
 +
 +
ul.smw-format.ul-format {
 +
    margin-block-end: 0 !important;
 +
}
 +
 +
.panel-body a {
 +
    color: black;
 +
}
 +
 +
div#accordion-regiones {
 +
    font-family: 'EB Garamond';
 +
}
 +
 +
 +
  /* ===== TITULO GENERAL ===== */
 +
.region-title {
 +
    font-weight: bold;
 +
    text-align: right;
 +
    margin-top: 10px;
 +
    border-bottom: 1px solid #000;
 +
    color: #000;
 +
    padding-right: 15px;
 +
    text-align: left;
 +
    padding: 5px 19px;
 +
}
 +
.smw-template-furtherresults {
 +
  display:none;
 +
}
 +
 +
.sidebar, .concept-meme {
 +
    box-shadow: #00000091 0px 0px 23px;
 +
}   
 +
 +
 +
}}
 +
 +
<html>
 +
<style>
 +
 +
.leaflet-bottom.leaflet-right, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
 +
  display: none;
 +
}
 +
 +
.leaflet-marker-icon img, img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
 +
  filter: invert(18%) sepia(67%) saturate(3680%) hue-rotate(93deg) brightness(95%) contrast(103%);
 +
}
 +
 +
.leaflet-tile-pane {
 +
  z-index: 200;
 +
  filter: invert(3%) sepia(67%) saturate(3682%) hue-rotate(83deg) brightness(95%) contrast(87%) !important;
 +
}
 +
 +
.leaflet-marker-icon  span {
 +
  color: white;
 +
}
 +
 +
.leaflet-container:after {
 +
  content: '';
 +
  width: 100%;
 +
  height: 100%;
 +
  box-shadow: black 0 0px 19px -8px inset;
 +
  position: absolute;
 +
  top: 0;
 +
  z-index: 1000000;
 +
  pointer-events:none;
 +
}
 +
div#map_leaflet_1 {
 +
    background: linear-gradient(0deg,#152e11 50%,#1e6011 50%);
 
}
 
}
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 17:18, 16 March 2026

This platform aims to share worldviews and practices around alternatives processes in a collaborative way. ➤

Featured Concept
Africa
Susu
The word "Susu" has different origins and meanings, including the Mande people and language of West Africa, a term of endearment in some African and Asian cultures, and the word for "milk" in Indonesian and other Austronesian languages. It is also the name of an informal West African and Caribbean savings club.

... further results

Loading map...




Retrieved from "https://dictionaryofradicalalternatives.org/index.php?title=Main_Page&oldid=890"