Difference between revisions of "Main Page"

From AltDic Alpha
 
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>
  
−
{{highlight|This is an alpha version of the platform.}}
+
  <!-- ===== Africa ===== -->
−
== List of concepts ==
+
  <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>
  
−
{{#ask: [[Category:Concepts]]
+
  <!-- ===== Central Asia ===== -->
−
  |format=ul
+
  <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>
 +
 
 +
  <!-- ===== 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>
 +
 
 +
  <!-- ===== Oceania ===== -->
 +
  <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>
 +
 
 +
  <!-- ===== 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>
 +
 
 +
  <!-- ===== 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>
 +
 
 +
  <!-- ===== South in the 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:description
 +
|?Concepts:illustration
 +
  |format=template
 +
|template=ConceptMeme
 +
|named args=yes
 +
|order=rand
 +
|limit=1
 
}}
 
}}
  
 
</div>
 
</div>
−
<div class='col-md-6'>
+
 
 +
</div>
 +
 
 +
</div>
 +
</section>
 +
 
 +
<div class='col-md-12' style="padding:0 !important;">
 
{{#ask:  
 
{{#ask:  
 
  [[Category:Concepts]]
 
  [[Category:Concepts]]
Line 29: Line 168:
 
}}  
 
}}  
 
</div>
 
</div>
 +
 +
 +
 +
  
 
__NOTOC__
 
__NOTOC__
Line 38: Line 181:
 
     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;
 +
}
 +
.leaflet-bottom.leaflet-right, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
 +
  display: none;
 +
}
 +
 +
.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-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;
 +
}
 +
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 14:33, 16 November 2025

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

Featured Concept
Latin America
Buen Vivir

Loading map...




Retrieved from "https://altdic.online/index.php?title=Main_Page&oldid=376"