Engadir cifrado https con certbot nun servidor Apache

certbot

1. Instalar certbot e python-cerbot-apache

apt-get install -t certbot
apt-get install -t python-certbot-apache

2. Activamos módolos ssl

sudo a2enmod ssl

pero se ao reiniciar o servizo de apache, é posible que falle.

systemctl restart apache2

Solución

Non conseguía que arrancara o Apache, daba erro. O problema era debido a que outro programa está  empregando o porto 443. Coa seguinte instrucción pódese averiguar de cal se trata, moi probablemente sexa o sshd. Debemos de paralo, e seguidamente iniciamos de novo o servizo de Apache. No meu caso tiven que reinstalar posteriormente o ssh-server.

netstat -tlpn | grep 443

service sshd stop

systemctl restart apache2

 

3. Creamos os ficheiros coas chaves públicas e privadas. Unha vez creadoos, aparecerán na seguinte ruta: /etc/letsencrypt/live/

certbot certonly --webroot -w /var/www/html/tic -d blog.atio.es

Se ao final aparece a seguinte mensaxe, fixémolo ben

IMPORTANT NOTES:
 - Congratulations! Your certificate and chain have been saved at
   /etc/letsencrypt/live/www.atio.es/fullchain.pem. Your cert will
   expire on 2018-05-16. To obtain a new or tweaked version of this
   certificate in the future, simply run certbot again. To
   non-interactively renew *all* of your certificates, run "certbot
   renew"
 - If you like Certbot, please consider supporting our work by:

   Donating to ISRG / Let's Encrypt:   https://letsencrypt.org/donate
   Donating to EFF:                    https://eff.org/donate-le

 

4. Debemos de configurar o virtual host /etc/apache2/site-avaliable

#Páxina web do servidor do centro
<VirtualHost 128.199.58.55:80>
ServerAdmin martindetecnoloxia@gmail.com
ServerName  http://www.atio.es
ServerAlias blog.atio.es
# Indexes + Directory Root.
DirectoryIndex index.php
DocumentRoot /var/www/html/drupal
Options FollowSymLinks
<Directory "/var/www/html/drupal">
      AllowOverride All
</Directory>
 RewriteEngine On
  RewriteCond %{HTTPS} off
  RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}
</VirtualHost>
<VirtualHost 128.199.58.55:443>
ServerAdmin martindetecnoloxia@gmail.com
ServerName  http://www.atio.es
ServerAlias blog.atio.es
# Indexes + Directory Root.
DirectoryIndex index.php
DocumentRoot /var/www/html/drupal
Options FollowSymLinks
<Directory "/var/www/html/drupal">
      AllowOverride All
</Directory>
SSLEngine on
       SSLCertificateFile /etc/letsencrypt/live/blog.atio.es/cert.pem
       SSLCertificateKeyFile /etc/letsencrypt/live/blog.atio.es/privkey.pem
       SSLCertificateChainFile /etc/letsencrypt/live/blog.atio.es/chain.pem
</VirtualHost>

Co seguinte código engadido no código que acabamos de visualizar forzamos a visualización da páxina en https

 RewriteEngine On
  RewriteCond %{HTTPS} off
  RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

Borramos /etc/apache2/site-enabled/atio.es.conf

Volemos a /etc/apache2/site-avaliable

a2ensite atio.es.conf

systemctl reload apache2

 

5. Abrimos o cortafuegos. No meu caso engadín as seguintes instrucións

sudo ufw allow 'WWW Full'

sudo ufw allow 'SSH' 

sudo iptables -I INPUT -p tcp --dport 443 -j ACCEPT

 

6. Engadimos unha tarefa cron para que nos renove os certificados, pois caducan aos 90 días

Crontab -e

30 1 * * 1 /usr/bin/certbot renew >> /var/log/le-renew.log

 

Son nos audios e vídeos do encerado Multiclass

Ao instalar a aplicación Multiclass Book, non dispoñemos de son salvo que engadamos o audios e vídeos como unha ligazón a un ficheiro e, deste xeito, ao pinchar na ligazón é o sistema operativo que o abre e comeza a reproducirse.

 

multiclass

 

Sen embargo se movemos a carpeta mediaservice que está na ruta /usr/bin/iwbv7/plugins e a colocamolo cartafol en a /usr/bin/iwbv7

 

Curso de introdución ao GNU/Linux

gnu

Creei un curso de introdución ao GNU/Linux, centrado no Debian XFCE, como pode ser a maqueta Abalar Libre, pero moitas das cousas poderían valer para outras distribucións, preferentemente as da familia Debian. A súa vez, serve de soporte didáctico á formación impartida no CEIP O AREAL de Camariñas en Xaneiro do 2018.

Esta é a ligazón: http://atio.es/linux/

Deixarei unha ligazón permanente no bloque das ligazóns, completando ás xa existentes. Como sabedes o sistema operativo Debian é moi extenso, motivo polo cal non son que de tratar moitas das súas temáticas. Intentei centrarme no que considero máis importante, o polo menos naquelas cousas que máis me preguntan no día a día. Con seguridade non está ao gusto de todos, pero tamén é certo que o irei completando e mellorando co tempo. Xa sabedes que podedes empregar os comentarios do blog para sinalar erros,melloras, etc. ou enviarme un correo electrónico se o desexades.

 

ATIO GNU/LINUX XFCE 64

Quería que primeira nova deste ano 2018 fose algo especial. E que mellor maneira que comezalo ano presentándovos a miña maqueta Linux. Trátase de ATIO GNU/Linux 18-1 con escritorio XFCE 64 bit, baseada en Debian Buster 10 (testing). Foron varias as distribucións que estudei antes de animarme coa miña: Debian, a Maqueta Abalar Libre, Debex, pero sen dúbida a que máis me axudou foi Monarca de CotidianaPlace do meu amigo Nacho, e a experiencia que fun gañando cos servidores Linux, que dito de paso, non é moita; sendo un eterno aprendiz. Espero que vos guste.

A única finalidade da publicación desta maqueta é a didáctica, seguir aprendendo cousas deste fantástico sistema operativo e da atmosfera do software libre. Polo tanto, xa que non ten unha finalidade comercial, seredes os usuarios os únicos  responsables das consecuencias derivadas dos erros e das incidencias que puidera presentar.  Para os que nunca empregades GNU/Linux, animádevos. Aqueles usuarios que se pasan a Linux raramente volven ao sistemas operativos comerciais, xa que estes últimos carecen do máis importante: duns usuarios que pensan distinto e aprecian a liberdade e o coñecemento libre e compartido.

 

escritorio

 

Imaxino que vos preguntaredes, que aporta esta maqueta de diferente ás demais, ademais dun fondo de pantalla da miña praia favorita, Nemiña. Centreime en que os paquetes e versións de software fosen o máis actuais, procurei que o proceso de instalación resultase o máis sinxelo posible, que puidéramos conectarnos desde outro equipo, tanto desde Windows como desde Linux, empregando o escritorio remoto e por último, e non menos importante, que contáranos cun sistema operativo lixeiro e áxil. Trátase dunha imaxe Refracta que inclúe o kernel 4.14.0-3-amd64, que é kernel que emprega por defecto, pero poderíase arrancar tamén desde o 3.16 ou  4.9.

chis

 

Conta co instalador universal Calamares 3.1.10, co obxectivo de que a instalación non resulte complexa. Desde o instalador podemos engadir un usuario, definir o idioma da instalación (aínda que o Calamares non está traducido ao galego, poderemos seleccionar o galego como idioma de instalación do sistema operativo na segunda fiestra), e particionar o disco duro de destino de maneira rápida.

 

calamares

 

Conta con moitos servizos: cups (para instalar as impresoras), openssh, samba para xestionar ficheiros en remoto ou para compartir ficheiros con outros sistemas operativos e a posibilidade de conectarse a ATIO GNU/LINUX desde outro equipo empregando o protocolo RDP, contando no cliente con son reproducido no servidor e montando as unidades do cliente que desexemos no servidor. En canto ao software instalei pouco, pois é algo moi persoal, e cada usuario ten unhas necesidades particulares. Pero, como vos imaxinades, pódese incrementar ou eliminar o software que desexemos da maqueta. Entre os programas instalados, destaco LibreOffice 5.4.4, Firefox 57, Scratch e Remmina entre outros.

Unha vez descargada a  ISO, deberemos de crear un USB Live, ou como non, un DVD Live. Para os que nunca creastes ningún usb-live, adiántovos que consiste nun proceso moi sinxelo. Podedes seguir o explicado nesta entrada. No meu caso, normalmente  emprego a orde dd desde o terminal, que ainda que sendo máis lento é máis fiable. (dd if=ficheiro.iso of=/dev/sdx)

Importante. A primeira vez que arranca o sistema funciona con lentitude, pois ten que configurar varios parámetros. Debedes de reinicialo para que colla o nordés da Costa da Morte!

Descarga: http://atio.es/atio_os

sha256: http://atio.es/atio_os/ATIO-64bit-XFCE-18-1.iso.sha256

 

 

Sesión 3. PFPP Edixgal IES de Brión

 

brion

 

1. Creación e publicación de contidos estáticos coa ferramenta de autor.

http://atio.es/eva/sesion5/contidos_estaticos.pdf

Práctica:

1. Que é GNU?: https://www.gnu.org/home.es.html

2. Logo GNU: https://www.gnu.org/graphics/gerwinski-gnu-head.png

3. Image software libre (cabeceiro): http://static.fsf.org/nosvn/working/w/charac-more.png

4. Que é Debian?:https://www.debian.org/releases/jessie/mipsel/ch01s01.html.es

5. Logo Debian: https://upload.wikimedia.org/wikipedia/commons/6/66/Openlogo-debianV2.svg

 

2. Creación de exercicios coa Ferramenta de Autor

2.1. Exercicios avaliables

http://atio.es/eva/sesion5/exercicios_avaliables.pdf

Práctica:

Páxinas das que sacar preguntas tipo test, ou afirmacións:

(autoría: www.aulapt.org)

Sociais e naturais: https://sites.google.com/site/octavio5b2/test_conocimiento.pdf?attredirects=0

Matemáticas: https://sites.google.com/site/octavio5b2/test_matematicas.pdf?attredirects=0

Lingua castelá: https://sites.google.com/site/octavio5b2/test_lengua.pdf?attredirects=0

a. Afirmacións clave

A terra formouse fai aproximadamente 4550 millóns de anos A terra formouse fai aproximadamente 4 millóns de anos A terra formouse fai aproximadamente 4 millóns de anos

b. Arrastrar palabras

Érase una vez un *pueblo* en las altas montañas de los Pirineos. Como había dejado de *nevar*, después de varios días de una terrible *tormenta* todos los niños, ansiosos de libertad, salieron de sus *casas* y empezaron a corretear por la blanca y mullida alfombra recién *formada*. Nuria, la hija única del herrero del pueblo, tomando puñados de nieve con sus manitas hábiles, se entregó a la tarea de moldearla. --Haré un *muñeco* como el hermanito que hubiera deseado tener --se dijo. Le salió un niñito precioso, redondo, con ojos de *carbón* y un botón rojo por boca. La pequeña estaba entusiasmada con su obra y convirtió al muñeco en su inseparable *compañero* durante los tristes días de aquel *invierno*. Le hablaba, le mimaba... Pero pronto los días empezaron a ser más largos y los *rayos* de sol más cálidos... Y el muñeco se fundió sin dejar más rastro de su existencia que un *charco* de agua con dos carbones y un botón rojo. La niña *lloró* con desconsuelo al descubrirlo. Un *viejecito*, que buscaba en el sol tibieza para su invierno, le dijo dulcemente: --Seca tus lágrimas, bonita, porque acabas de recibir una gran lección: ahora ya sabes que no debe ponerse el *corazón* en las cosas breves o que desaparecen.

c. Arrastar zonas

Imaxe de fondo: http://atio.es/eva/sesion5/distros.png

d. Completar

La noche era oscura y *tormentosa:con nubes muy oscuras*. el salón de la *vieja/antigua: con muchos años ya* casa estaba *tenuamente:con poca luz* iluminado.

e. Marcar palabras

Descrición:Busca ciertas características del oro en el siguiente texto: Texto: El oro es un metal *noble* que tiene un color *amarillo*

f. Opción única (Engadir calquera pregunta dos test)

g. Opción múltiple:

Se a lei de Ohm é I=V/R, cales das seguintes fórmulas son correctas? R=VxI V=IxR R=V/I

f. Tarxeta con imaxe:

Imaxe: https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Froita_Maz%C3%A1_006.jpg/1024px-Froita_Maz%C3%A1_006.jpg

 

2.2. Exercicios non avaliables

http://atio.es/eva/sesion5/exercicios_non_avaliables.pdf

a. Video interactivo

Inserir vídeo: https://www.youtube.com/watch?v=RdrPFOO0H84

Rexistrarse en http://webminal.org

b. Imaxe interactiva

imaxe de fondo: https://upload.wikimedia.org/wikipedia/commons/thumb/b/bf/Xfce4_en_Debian_GNU-Hurd.png/800px-Xfce4_en_Debian_GNU-Hurd.png

vídeo: https://www.youtube.com/watch?v=NsVH1vXd4j8

imaxe carpetas: https://i2.wp.com/blog.desdelinux.net/wp-content/uploads/2012/01/jerarquia-archivos.png?fit=541%2C624&ssl=1

c. Liña temporal:

Historia do mundo: https://gl.wikipedia.org/wiki/Historia_do_mundo

Apolo 11: https://gl.wikipedia.org/wiki/Historia_do_mundo#/media/File:Aldrin_Apollo_11_original.jpg

Idade Media: https://gl.wikipedia.org/wiki/Idade_Media

Idade Moderna: https://gl.wikipedia.org/wiki/Idade_Moderna

d. Arquivo de audio: http://www.cuadernodeingles.com/cuaderno_mes/sonidos/2014_mar/son1.mp3

 

3. Compartir o proxecto. O repositorio

http://atio.es/eva/sesion5/repositorio.pdf

 

Programar o robot mBot con mBlock e Arduino

O primeiro que debemos de facer é instalar o IDE de Arduino e o IDE de MBlock, no caso de que non o teñamos instalado

1. Arduino

usuario@debian:~$ su root

root@abalar6:/home/usuario# apt install arduino

2. mBlock

No caso de mBlock, instalamos a versión 3, xa que a 5 está en versión Alpha. Descargamos a versión de 32 bits ou de 64 bits, en función da arquitectura do noso sistema operativo. Para coñecer se a arquitectura do noso equipo é de 32 bits ou de 64 bits, podemos seguir o explicado na formación de Linux

Descarga de mBlock 32

Descarga de mBlock 64

Procedín a instalalo en dúas distribucións diferentes: Linux Mint 64 bits e do Debian Jessie (maqueta Abalar). No caso do Linux Mint, quedou perfectamente instalado, co lanzador no menú, dentro do apartado Outros. Polo tanto, no caso de Mint, pasaremos ao punto nº3.

No caso do Debian Jessie, instalouno na carpeta /opt/makeblock. Dentro desta carpeta, crea outra que se chama mBlock e dentro da segunda carpeta entre outros ficheiros hai un executable chamado mblock. Co programa menulibre podemos crear un elemento no menú de programación que chame a /opt/makeblock/mBlock/mblock, para que sexa máis cómoda a súa execución.

Instalamos a aplicación menulibre

Creamos un enlace simbólico a ficheiro e colocarémolo en /usr/bin, de maneira que ao escribir mblock no terminal se abra o software de mBlock

root@debian:/home/usuario# ln -s /opt/makeblock/mBlock/mblock /usr/bin/mblock

root@debian:/home/usuario# apt install menulibre

usuario@debian:~$ menulibre

(a imaxe para a icona collémola de /opt/makeblock/mBlock/resources/web/images/mblock-ide-logo.png)

menulibre

 

3. Librerías de makeBlock para Arduino

Tamén deberemos de instalar as librerías de makeblock para Arduino. Descargámolas do seguinte enderezo:

https://github.com/Makeblock-official/Makeblock-Libraries/archive/master.zip

Descomprimimos o ficheiro master.zip, e copiamos a carpeta makeblock na carpeta na que está instalado o Arduino. Para coñecer esta carpeta, o máis sinxelo de abrir o Synaptic e buscar Arduino

sy_arduino

Cun clic co botón dereito do rato, e elixindo a opción Propiedades, podemos ver la lapela ficheiros a carpeta na que está instalado o Arduino

Ficheiros_instalados

No caso de Debian, o Arduino está instalado en /opt/arduino-1.6.7

Copiamos a carpeta das librerías en /opt/arduino-1.6.7/libraries/

cp -rp /home/usuario/Descargas/Makeblock-Libraries-master/makeblock /opt/arduino-1.6.7/libraries/

4. Enchufamos o robot a un porto usb, e acendémolo.

No mblock á dereita aparece un enlace chamado connect. Se prememos nel e escollemos a opción USB

connect

Debe de aparecer no selector, e seguidamente prememos en connect.

5. Do deseño á compilación e cargado do código  no mbot

Deseñamos o programa en mBlock. Unha vez que o teñamos deseñado, pinchamos en <>code/upload, para ver o código processing. Seguidamente pinchamos en Edit with Arduino IDE

EDIT

Automaticamente ábrese o IDE de Arduino, co código importado de mBlock. No Arduino debemos de elixir a placa Arduino UNO e en porto escollemos a opción USB0. Desde Arduino, tan só debemos de facer un clic en probar e subir.

No caso de que escollamos un programa de exemplo no arduino, debemos de cambiar a chamada á librería #include "MeOrion.h" por a librería #include "MeMcore.h"

mcore

Polo tanto, empregamos a interface de mBlock para deseñar o programa por bloques e o ide de Arduino para subilo ao mbot. Obviamente tamén podemos deseñar o programa directamente no IDE de Arduino en código processing, cando teñamos certa experiencia co deseño de bloques.

Recuperar un panel eliminado en XFCE

En ocasións, cando un equipo é empregando por múltiples persoas, especialmente no caso de rapaces, pode ocorrer que eliminen o panel no cal apace o menú de inicio, lanzandores, a icona da configuración do son, apagar o sistema, etc.

Co botón dereito do raton no escritorio, escollemos a opción "Abrir aqui unha terminal". Unha vez aberta a terminal escribimos a seguinte orde:

usuario@debian:~$ xfce4-panel --preferences

E aparece a ventana para engadir máis ou eliminar paneis e ademais permite engadir elementos aos paneis. Teremos que ir agregando as iconas perdidas.

 

panel

 

Outra maneira alternativa é a de restaurar o usuario, pero antes debemos de facer unha copia de seguridade dos ficheiros que teña nas diferentes carpetas do /home/usuario.

Saimos da sesión de usuario (alt + F4) e entramos como root. Para asegurarnos de que todos os procesos do usuario quedaron pechados executamos a seguinte instrución:

root@debian:~# pkill -KILL -u usuario

Eliminamos o usuario e borramos a carpeta /home/usuario

root@debian:~# deluser usuario

root@debian:~# rm -r usuario

Volvemos a crear o usuario usuario. Deste xeito copiará a configuración gardada na carpeta /etc/skel

root@debian:~# adduser usuario

 

Crear un USB-LIVE cunha imaxe ISO

Cando dispoñemos dunha imaxe ISO dunha distribución linux e queremos crear un usb que sexa arrancable para estudar a distribución e posteriormente instalala se o consideramos, podémolo facer con varias aplicacións ou incluso co terminal no caso de que teñamos un equipo con gnu/linux.

a. Se estamos cun equipo Windows, podemos empregar o RUFUS. Nin tan sequera temos porque instalalo, xa que ten unha versión portable. Podemos descargalo desde a súa páxina: https://rufus.akeo.ie/?locale=gl_ES

rufus

Tamén podemos descargar o ETCHER desde a súa páxina: https://etcher.io/

b. No caso de que o noso equipo dispoña dun sistema operativo con Linux, podemos empregar o ETCHER, que descargamos desde a súa https://etcher.io/. Trátase dun ficheiro executable, polo que non é necesario instalalo.

etcher

Se o preferimos podemos empregar o terminal. Para iso podemos facelo con dúas intrucións: dd e cat

Antes de nada debemos de coñecer o nome da unidade. Para iso podemos facelo á súa vez con dúas aplicacións, pero con privilexios de root.

su root (indicamos o contrasinal)

fdisk -l
fdisk

 

Neste exemplo, podemos observar que a unidade de /dev/sdd cunha capacidade de 14,4 GB é na que temos o usb de 16 gb (non aproveito totalmente a súa capacidade).

A segunda opción, e nesta ocasión máis visual, é coa orde gparted, que tamén nos servirá para formatear de maneira sinxela un lápiz usb.

gparted
gparted

 

Polo tanto agora só temos que crear a usb live:

dd if=/home/usuario/Descargas/abalar_17.iso of=/dev/sdd

No caso de empregar a orde cat

cat /home/usuario/Descargas/abalar_17.iso > /dev/sdd; sync

Coa orde cat, o proceso é moito máis rápido, sen embargo tenme ocurrido que unha vez creado o lápis, non arrancaba.

 

Sobreescribir regras de estilo CSS en Drupal 6. Engadir cor nos bloques do tema 0Point

En moitas ocasións os temas dos que dispoñemos en Drupal poden resultar un tanto serios. Para algunha páxina ou blog non se axustan, xa que procuramos dar unha imaxe máis viva e alegre. Velaquí temos un exemplo:

Cra os Remuiños: http://www.edu.xunta.gal/centros/craremuinos/

IES Ramón Caamaño: http://www.edu.xunta.gal/centros/iesramoncaamano/

 

cra_web

 

ies

O proceso para a configuración dunha páxina é o seguinte:

1. Crear unha carpeta para colocar os códigos CSS que sobreescriban os propios de Drupal. Para isto debemos de activar o módulo IMCE Mkdir

Indo ao apartado "a miña conta" -> xestor de ficheiros, e facemos un clic en engadir/editar imaxe e seguidamente en examinar. No explorador de ficheiros debemos de pinchar en Directory

directory

E creamos o cartafol chamado css. Neste cartafol crearemos un ficheiro de estilos css.
 

folder_css

 

2. Analizamos cales son os nomes identificativos dos bloques, para ir escribindo o código no fichero css que podemos chamar style.css, por exemplo

Imaxinemos que na nosa web temos un bloque como o seguinte:

bloque_cra

Xa temos o bloque coa información necesaria, o único que queremos é mudar a cor de fondo e quitarlle o borde que o tema 0Point de Drupal lle engade por defecto. Para iso, premendo co botón dereito do rato sobre o cadro e seguidamente en "Inspeccionar elemento"

inpec

Aparece no borde inferior o código da páxina web. Aparece un dos elementos que forma parte do bloque en cor azul. Pero debemos de procurar o div raiz no cal están tódolos elementos do bloque, tan só temos que recorrer o código cara arriba, ata atopar a etiqueta div id="block-block-xx", onde xx é un número

codigo

 

Pois esta etiqueta será a que teñamos que configurar (tamén podemos configurar por class, pero vexamos unha maneira sinxela).

3. Creamos co editor de notas (mousepad, gedit, leafpad, etc), un ficheiro que chamamos style.css. E engadimos o seguinte contido:

/*contacto*/
#block-block-22 {
    border: 0px;
    background: #66b8dd;

  }

Onde:

/*contacto*/ é un comentario que nos sirve para identificar a que bloque nos estamos referindo

#block-block-22, é o id do bloque, que procuramos no paso anterior (id="block-block-22"

border: 0px;, no caso de non querer engadirlle un borde ao bloque

background: #66b8dd; , que é unha cor de fondo azulada

Obviamente repetimos os pasos anteriores cos diferentes bloques que queremos personalizar.

4. Subimos o ficheiro ao cartafol css que creamos no apartado nº1. Subímolo desde a miña conta -> xestor de ficheiros.

mousepad

 

style_subido

 

Pinchando en style.css aparece na parte inferior o nome style.css (ver imaxe), e ao pinchar neste segundo style.css,  ábrese a fiestra do editor de imaxes, desde o cal podemos copiar a url na que se atopa o ficheiro style.css

segundo_sty

 

url_copiar

Neste exemplo trátase da seguinte url:     /centros/iesramoncaamano/system/files/css/style.css

5. Seguidamente dirixímonos á zona de administración ->Construción da páxina -> Bloques. Prememos en Engadir bloque

engadir_bloque

Ao bloque chamarémoslle css_code, por exemplo. Non lle poñemos ningún título. Prememos en Formato de entrada e escollemos PHP code e seguidamente en "Desactivar texto enriquecido", e pegamos o código:

<html>
<head>
<?php
echo '<link href="/centros/iesramoncaamano/system/files/css/style.css" rel="stylesheet">';
?>
</head>
<body>
</body>
</html>

Deberemos de modificar o enderezo que aparece na etiqueta link href=  polo enderezo do ficheiro css do teu caso. Gardamos o bloque.

Finalmente colocamos o bloque css_code recén deseñado na parte superior da Cabeceira:

cabeceira

Deste xeito, cada vez que un usuario abre a páxina, o bloque css_code chamará ao ficheiro style.css, que sobreescribirá os estilos de Drupal. O resultado é o seguinte:

contacto