teste css

This commit is contained in:
jotachina 2024-07-27 13:58:12 -03:00
parent d31af7eab8
commit 5477310b98
10 changed files with 92 additions and 62 deletions

View File

@ -3,9 +3,13 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel"stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/main.css">
<title>{{ page.title }}</title>
<!-- Adicione outros links de estilos necessários -->
</head>
<body>
<header>
<nav>
<a href="/~jotachina/mmpSearch/_site/">Home</a>
<a href="/~jotachina/mmpSearch/_site/quantasVezesAparecemInstrumentos">Repetições</a>
@ -14,13 +18,13 @@
<a href="/~jotachina/mmpSearch/_site/arquivosMMP/">Projetos disponíveis</a>
<a href="/~jotachina/mmpSearch/_site/about/">Sobre</a>
</nav>
</head>
</header>
<body>
<main class="main-content">
<div class="container">
<aside class="container">
<div class"post-grid">
<aside>
<div class="post-grid">
<div class="post">1</div>
<div class="post">1</div>
<div class="post">1</div>
@ -31,11 +35,14 @@
<div class="post">1</div>
<div class="post">1</div>
</div>
</side>
</aside>
{{ content }}
</main>
<div class="contet">
{{ content }}
</div>
</div>
<footer>
<!-- Rodapé -->
Alice UFSJ

View File

@ -1,11 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel"stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/main.css">
<title></title>
<!-- Adicione outros links de estilos necessários -->
</head>
<body>
<header>
<nav>
<a href="/~jotachina/mmpSearch/_site/">Home</a>
<a href="/~jotachina/mmpSearch/_site/quantasVezesAparecemInstrumentos">Repetições</a>
@ -14,13 +19,13 @@
<a href="/~jotachina/mmpSearch/_site/arquivosMMP/">Projetos disponíveis</a>
<a href="/~jotachina/mmpSearch/_site/about/">Sobre</a>
</nav>
</head>
</header>
<body>
<main class="main-content">
<div class="container">
<aside class="container">
<div class"post-grid">
<aside>
<div class="post-grid">
<div class="post">1</div>
<div class="post">1</div>
<div class="post">1</div>
@ -31,8 +36,10 @@
<div class="post">1</div>
<div class="post">1</div>
</div>
</side>
</aside>
</main>
<div class="contet">
<style type="text/css" media="screen">
.container {
margin: 10px auto;
@ -54,8 +61,9 @@
<p>The requested page could not be found.</p>
</div>
</main>
</div>
</div>
<footer>
<!-- Rodapé -->
Alice UFSJ

View File

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="/~jotachina/mmpSearch/_site/feed.xml" rel="self" type="application/atom+xml" /><link href="/~jotachina/mmpSearch/_site/" rel="alternate" type="text/html" /><updated>2024-07-27T11:41:40-03:00</updated><id>/~jotachina/mmpSearch/_site/feed.xml</id><title type="html">Your awesome title</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">Welcome to Jekyll!</title><link href="/~jotachina/mmpSearch/_site/jekyll/update/2024/07/25/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2024-07-25T17:06:48-03:00</published><updated>2024-07-25T17:06:48-03:00</updated><id>/~jotachina/mmpSearch/_site/jekyll/update/2024/07/25/welcome-to-jekyll</id><content type="html" xml:base="/~jotachina/mmpSearch/_site/jekyll/update/2024/07/25/welcome-to-jekyll.html"><![CDATA[<p>Youll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="/~jotachina/mmpSearch/_site/feed.xml" rel="self" type="application/atom+xml" /><link href="/~jotachina/mmpSearch/_site/" rel="alternate" type="text/html" /><updated>2024-07-27T13:50:03-03:00</updated><id>/~jotachina/mmpSearch/_site/feed.xml</id><title type="html">Your awesome title</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">Welcome to Jekyll!</title><link href="/~jotachina/mmpSearch/_site/jekyll/update/2024/07/25/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2024-07-25T17:06:48-03:00</published><updated>2024-07-25T17:06:48-03:00</updated><id>/~jotachina/mmpSearch/_site/jekyll/update/2024/07/25/welcome-to-jekyll</id><content type="html" xml:base="/~jotachina/mmpSearch/_site/jekyll/update/2024/07/25/welcome-to-jekyll.html"><![CDATA[<p>Youll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
<p>Jekyll requires blog post files to be named according to the following format:</p>

View File

@ -1,11 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel"stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/main.css">
<title>MMPSearch</title>
<!-- Adicione outros links de estilos necessários -->
</head>
<body>
<header>
<nav>
<a href="/~jotachina/mmpSearch/_site/">Home</a>
<a href="/~jotachina/mmpSearch/_site/quantasVezesAparecemInstrumentos">Repetições</a>
@ -14,13 +19,13 @@
<a href="/~jotachina/mmpSearch/_site/arquivosMMP/">Projetos disponíveis</a>
<a href="/~jotachina/mmpSearch/_site/about/">Sobre</a>
</nav>
</head>
</header>
<body>
<main class="main-content">
<div class="container">
<aside class="container">
<div class"post-grid">
<aside>
<div class="post-grid">
<div class="post">1</div>
<div class="post">1</div>
<div class="post">1</div>
@ -31,14 +36,15 @@
<div class="post">1</div>
<div class="post">1</div>
</div>
</side>
<p>Um apanhado de projetos soltos em um repositório podem não ser muito proveitoso.
Porém, filtros para levantar estatísticas e facilitar o acesso ao que procura, isso sim tem um grande potencial.</p>
</aside>
</main>
<div class="contet">
</div>
</div>
<footer>
<!-- Rodapé -->
Alice UFSJ

18
assets/css/css/main.css Normal file
View File

@ -0,0 +1,18 @@
@charset "UTF-8";
/* Error: Can't find stylesheet to import.
* ,
* 1 | @import 'variables';
* | ^^^^^^^^^^^
* '
* assets/main.scss 1:9 root stylesheet */
body::before {
font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono", "Droid Sans Mono", monospace, monospace;
white-space: pre;
display: block;
padding: 1em;
margin-bottom: 1em;
border-bottom: 2px solid black;
content: "Error: Can't find stylesheet to import.\a ╷\a 1 │ @import 'variables';\a │ ^^^^^^^^^^^\a ╵\a assets/main.scss 1:9 root stylesheet";
}
/*# sourceMappingURL=main.css.map */

View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../main.css"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}

View File

@ -40,7 +40,7 @@ body {
.main-content {
flex: 1;
padding: 20px;
backgound-color: #ecf0f1;
background-color: #ecf0f1;
display: flex;
flex-wrap: wrap;
gap: 10px;

View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../_sass/main.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
{"version":3,"sourceRoot":"","sources":["../main.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}

View File

@ -1,11 +1,3 @@
@import 'variables';
@import 'mixins';
@import 'header';
@import 'footer';
@import 'buttons';
@import 'forms';
@import 'custom';
body{
margin: 0;
font-family: Arial, sans-serif;
@ -48,7 +40,7 @@ body{
.main-content{
flex: 1;
padding: 20px;
backgound-color: #ecf0f1;
background-color: #ecf0f1;
display: flex;
flex-wrap: wrap;
gap: 10px;

View File

@ -6,6 +6,4 @@ layout: default
title: "MMPSearch"
---
Um apanhado de projetos soltos em um repositório podem não ser muito proveitoso.
Porém, filtros para levantar estatísticas e facilitar o acesso ao que procura, isso sim tem um grande potencial.