#
vimeo
1 note · View note
canvascraft · 6 months ago
Text
10 Reasons Why Healthcare Providers Need SEO: Transforming Digital Visibility
<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1983127027&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break:…
0 notes
aerlevvsedi · 1 year ago
Text
Se supone que la estrellita es el botón de menú pero nunca pude hacer que se viera no RANCIO.
<title>aerlevvsedi</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/css/bootstrap.min.css" rel="stylesheet"> <style> @font-face { font-family: 'Cloister'; src: url('FONTS/CloisterBlack.ttf') format('truetype'); } body { background-image: url('img/Staticblack.gif'); background-repeat: repeat; background-size: 420px 200px; background-color: rgba(0, 0, 0, 0.2); color: green; font-family: 'Cloister', sans-serif; position: relative; margin: 0; padding-top: 120px; /* Adjusted padding for better alignment */ } header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding-top: 30px; /* Adjusted top padding for header content */ background-color: rgba(0, 0, 0, 0.8); /* Example background color */ } .nav-wrapper { position: fixed; top: 0; left: 0; width: 0; /* Initially hidden width */ height: 100vh; /* Full height of viewport */ z-index: 1000; background-color: rgba(180, 180, 180, 0.8); /* Adjust background color */ overflow-x: hidden; transition: width 0.3s ease; padding-top: 50px; /* Adjusted top padding */ } .nav-wrapper.show { width: 250px; /* Width of the vertical nav bar when shown */ } .nav-link { color: green; } .copy-left { display: inline-block; text-align: right; margin: 0px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } h1.display-1 { font-size: 3em; margin-top: 30px; /* Adjusted top margin as needed */ } .video-container { position: relative; width: 50%; /* Set width to 50% of the viewport */ margin: auto; /* Center horizontally */ padding-top: 28.125%; /* 16:9 aspect ratio (height: 9/16 * width) */ margin-top: 50px; /* Adjusted margin for vertical centering */ } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 768px) { .bubble { border-radius: 10px; } } .bubble.text-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .navbar-nav { flex-direction: column; } .navbar-nav .nav-link { padding: 0.5rem 1rem; margin: 0.2rem 0; } .navbar-nav .nav-item { width: 100%; /* Full width for vertical nav items */ } .menu-toggle-btn { position: absolute; top: 10px; left: 10px; cursor: pointer; z-index: 9999; } .menu-toggle-btn i { color: white; /* Adjust icon color */ } </style>
aerlevvsedi©
<div class="nav-wrapper" id="navWrapper"> <nav class="navbar navbar-dark bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="#">Aerlevvsedi</a> <button class="navbar-toggler" type="button" onclick="toggleMenu()"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#proyectos">Proyectos</a> </li> <li class="nav-item"> <a class="nav-link" href="#recomendaciones">Recomendaciones Semanales</a> </li> </ul> </div> </div> </nav> </div> <div class="container"> <div class="row justify-content-center mt-5"> <div class="video-container"> <iframe width="560" height="315" src="https://www.youtube.com/embed/cU0XUX7Wmzo?si=FHrY37smaGjsCv1-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> <img src="IMG/AAA.png" alt="aaaaaaa" class="full-size-image"> <script> function toggleMenu() { var navWrapper = document.getElementById("navWrapper"); navWrapper.classList.toggle('show'); // Toggle the 'show' class } </script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/js/bootstrap.bundle.min.js"></script>
0 notes
starsickangel · 2 years ago
Text
manifesting eternal horror for u <3
let's try it
2 notes · View notes
carmenvidal · 1 year ago
Text
Diario PA2: narración, gamificación y digitalización del paisaje de aprendizaje.
 ¿Qué ideas nuevas te ha suscitado el bloque?
Me parece muy interesante el aprendizaje guiado a través de la gamificación. Considero que será muy útil para mi alumnado ya que encontrará tareas adaptadas a sus necesidades y con diferentes requerimientos cognitivos, unidas por una narrativa que les motivará a trabajar de forma lúdica.
Tumblr media
¿Habías usado antes técnicas de narración (storytelling)
No las había usado ligadas a una secuencia de aprendizaje. Me ha ayudado a ver que no es tan complejo como pensaba.
¿Se te ha ocurrido la historia que dará sentido a tu paisaje?
Sí, la historia consistirá en lo siguiente. Aparece un ingeniero, el cual ha perdido la memoria y no recuerda cómo resolver los enigmas. Los alumnos deberán ayudarle a recordar y mostrarle como resolver cada reto para conseguir que el ingeniero desbloque el pc con el que necesita trabajar.
Tumblr media
¿Cómo lo vas a gamificar?
Lo he gamificado diversificando los retos en tres grupos: los manipulativos (desenchufados), los digitales (actividades con el ordenador o Tablet) y los reflexivos (que les ayudarán a pensar en cómo lo han hecho y cómo podrían mejorar en futuras ocasiones).
Tumblr media
¿Conoces alguna otra herramienta, además de las aquí propuestas, en las que puedas diseñar un paisaje?
No, siempre he utilizado canva y genially.
Tumblr media
¿Qué dificultades has encontrado en el uso de la herramienta?
No he encontrado grandes dificultades con el uso de la herramienta ya que me parece muy intuitiva. Mi mayor dificultad o lo que más tiempo me lleva es pensar en la narrativa.
¿Qué ventajas le has visto?
Es una forma muy visual de plasmar las ideas, la secuencia y motivadora de cara a los alumnos.
Incluye tu paisaje en el diario final usando el código HTML
<div style="width: 100%;"><div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;"><iframe title="Paisaje de aprendizaje MVL" frameborder="0" width="1200" height="675" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genially.com/664c785e49038100134f34e8" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
Tumblr media
0 notes
biogeovibes · 1 year ago
Text
Diario PA2: narración, gamificación y digitalización del paisaje de aprendizaje.
La realización de este nuevo bloque me ha gustado mucho. En este bloque he podido crear insignias, desarrollar una narrativa que sirva de hilo conductor al paisaje y la elaboración de un fondo de paisaje con las distintas actividades e itinerarios posibles.
Antes de realizar este bloque no había utilizado técnicas de narración o storyteelling para plantear las actividades y vincularlas a los contenidos. Para la narrativa que he desarrollado me basé en la vuelta al mundo de Willy Fog.
Para gamificar la narrativa, propuse las actividades en forma de retos a superar. Cuando el alumnado supera un reto, obtiene una insignia-objeto que le sirve para restacar o ayudar a un animal en peligro de extinción.
Como herramienta para crear el paisaje utilicé Genially pero creo que podría conseguirse también con Canva.
En cuanto al uso de la herramienta Genially, como dificultad he visto que no tenía todo abierto siendo profesora como sí ocure en Canva. Esto ha limitado mi creatividad. Además, no he podido darle privacidad a mi trabajo ya que queda público. Como ventajas de la herramienta, destaco que es sencillo hacer imágenes interactivas con animación.
A continuación muestro mi paisaje:
<div style="width: 100%;"><div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;"><iframe title="Paisaje: Vuelta al mundo" frameborder="0" width="1200px" height="675px" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genially.com/664f9c277a75da0015561aee" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
0 notes
javinavpo · 1 year ago
Text
Tumblr media
1 note · View note
peilinsblog · 1 year ago
Text
Tumblr media
Lick the Star, Sofia Coppola. 1998.
Premier court-métrage de S. Coppola, raconte les dynamiques des groupes d'amies au lycée.
[*]
Film entier : <div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;"> <iframe style="width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden" frameborder="0" type="text/html" src="https://www.dailymotion.com/embed/video/xm16mq?autoplay=1" width="100%" height="100%" allowfullscreen title="Dailymotion Video Player" allow="autoplay"> </iframe> </div>
0 notes
maglife17 · 1 year ago
Text
Victory in Praise!
<div class=”viid_iframe_video”> <iframe allowfullscreen src=”https://vidsuite.app/campaign?camp=AmZ5Zjnn&#8221; frameborder=”0″ allowfullscreen=”true”></iframe><style>.viid_iframe_video{max-width:800px;margin:0 auto}.viid_iframe_video iframe{width:100%;height:480px;border:none}@media(max-width:767px){.viid_iframe_video iframe{height:400px}}@media(max-width:575px){.viid_iframe_video…
View On WordPress
0 notes
starsickangel · 2 years ago
Note
unfortunately 196 tag hit post
i hope u explode (/lh)
Awh thanks, same! /hj
15 notes · View notes