zk_exe/biblioteca-de-contos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

aba de escrever

Browse Source
This commit is contained in:
zk_exe
2025-08-08 17:16:53 -03:00
parent 80b18038ad
commit 8c9b6ed169
9 changed files with 171 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
componentes/escrever.php Normal file
View File

@@ -0,0 +1,39 @@
<link rel="stylesheet" href="css/escrever.css" />
<div id="write">
<div id="embed-write">
<img src="assets/invalid-file.png"/>
<ul>
<li>
<input type="text" min="150" max="300" placeholder="titulo da sua historia">
</li>
<li>
<textarea min="190" max="380" placeholder="escreva a sinopse da sua historia"></textarea>
</li>
<li id="tags">
<label><input type="checkbox">ovo</label>
<label><input type="checkbox">ovo</label>
<label><input type="checkbox">ovo</label>
<label><input type="checkbox">ovo</label>
<label><input type="checkbox">ovo</label>
<label><input type="checkbox">ovo</label>
<label><input type="checkbox">ovo</label>
<label><input type="checkbox">ovo</label>
<label><input type="checkbox">ovo</label>
<label><input type="checkbox">ovo</label>
<label><input type="checkbox">ovo</label>
<label><input type="checkbox">ovo</label>
<!-- so para saber como vai ficar, tenho que remover depois -->
</li>
</ul>
</div>
<div id="text-write">
<ul>
</ul>
<li>
<textarea placeholder="escreva sua historia aqui"></textarea>
</li>
<a id="btn">enviar</a>
</div>
</div>

8
componentes/inicio.php
View File

@@ -1,3 +1,4 @@
<link rel="stylesheet" href="css/inicio.css" />
<nav id="search">
<hgroup>
<h1>Bem-vindos a biblioteca secreta</h1>
@@ -25,12 +26,7 @@
<label>Titulo da Historia</label>
<h3>27/07/2025</h3>
<p>
bla bla bla bla bla bla bla bla bla bla bla bla
blabla bla bla bla bla bla bla bla bla bla bla
bla blabla bla bla bla bla bla bla bla bla bla
bla bla blabla bla bla bla bla bla bla bla bla
bla bla bla blabla bla bla bla bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla
</p>
</hgroup>
</li>

82
css/LoginStyle.css
View File

@@ -1,82 +0,0 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Inter', sans-serif;
}
body {
background-color: #1d1d1d;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.login-container {
background-color: #9cc1d921;
padding: 40px;
border-radius: 20px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
width: 300px;
text-align: center;
}
.login-container h2 {
color: white;
margin-bottom: 30px;
font-weight: 500;
}
.input-box {
position: relative;
margin-bottom: 20px;
}
.input-box i {
position: absolute;
top: 12px;
left: 10px;
color: white;
}
.input-box input {
width: 100%;
padding: 10px 10px 10px 35px;
border: none;
border-radius: 10px;
background: #1f1f1f;
color: white;
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.8);
}
.input-box input::placeholder {
color: #aaa;
}
.buttons {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.btn {
width: 48%;
padding: 10px;
background-color: #385c737e;
border: none;
border-radius: 8px;
color: white;
cursor: pointer;
transition: 0.3s;
}
.btn:hover {
background-color: #444;
}
.forgot {
width: 100%;
margin-top: 10px;
}

64
css/escrever.css Normal file
View File

@@ -0,0 +1,64 @@
#write {
width: 100%;
min-height: 90dvh;
display: flex;
#embed-write {
max-width: 50dvh;
display: flex;
align-items: center;
flex-direction: column;
img {
object-fit: cover;
width: 50dvh;
height: 50dvh;
margin: 0 0 1dvw 0;
}
ul {
display: flex;
align-items: center;
flex-direction: column;
li {
margin: 0 0 1dvh 0;
width: 95%;
input[type="text"] {
width: 100%;
outline: none;
font-size: 1.3em;
}
textarea {
font-size: 1.3em;
outline: none;
resize: none;
width: 100%;
height: 25dvh;
}
}
}
}
#text-write {
position: relative;
width: calc(100% - 50dvh - 2px);
border-left: solid 2px var(--btn);
ul {
width: 100%;
min-height: 3dvw;
background: purple;
}
li {
width: 100%;
textarea {
width: 100%;
height: 39dvw;
resize: none;
padding: 1dvh;
}
}
#btn {
position: absolute;
text-align: center;
border-radius: 0;
width: 100%;
bottom: 0;
}
}
}

59
css/style.css → css/home.css
View File

@@ -87,62 +87,3 @@
}
}
}
#posts {
background-color: #0000007a;
padding: 4dvw 0 4dvw 0;
margin: 4dvw 0 0 0;
width: 100%;
display: flex;
justify-content: center;
ul {
width: calc(100% - 5dvw);
display: flex;
flex-wrap: wrap;
gap: 1.5vw;
a {
width: calc(33.33% - 1dvw - 2px);
height: 30dvh;
overflow: hidden;
border-radius: 1dvw;
li {
overflow: hidden;
width: 100%;
background: rgb(15, 15, 15);
display: flex;
img {
width: 25dvh;
height: 30dvh;
object-fit: cover;
}
hgroup {
width: calc(100% - 25dvh);
label {
display: block;
width: 100%;
text-align: center;
font-size: 1.5em;
font-family: "Special Gothic Expanded One", sans-serif;
color: var(--btn);
}
h3 {
font-family: Arial;
display: block;
width: 100%;
text-align: right;
}
p {
font-family: Arial;
white-space: pre-wrap;
}
}
}
box-shadow: 0 0 0 #000000;
}
a:hover {
box-shadow: 0 0 5vw #84e9ffa7;
z-index: 100;
}
}
}

58
css/inicio.css Normal file
View File

@@ -0,0 +1,58 @@
#posts {
background-color: #0000007a;
padding: 4dvw 0 4dvw 0;
margin: 4dvw 0 0 0;
width: 100%;
display: flex;
justify-content: center;
ul {
width: calc(100% - 5dvw);
display: flex;
flex-wrap: wrap;
gap: 1.5vw;
a {
width: calc(33.33% - 1dvw - 2px);
height: 30dvh;
overflow: hidden;
border-radius: 1dvw;
li {
overflow: hidden;
width: 100%;
background: rgb(15, 15, 15);
display: flex;
img {
width: 25dvh;
height: 30dvh;
object-fit: cover;
}
hgroup {
width: calc(100% - 25dvh);
label {
display: block;
width: 100%;
text-align: center;
font-size: 1.5em;
font-family: "Special Gothic Expanded One", sans-serif;
color: var(--btn);
}
h3 {
font-family: Arial;
display: block;
width: 100%;
text-align: right;
}
p {
font-family: Arial;
white-space: pre-wrap;
}
}
}
box-shadow: 0 0 0 #000000;
}
a:hover {
box-shadow: 0 0 5vw #84e9ffa7;
z-index: 100;
}
}
}

0
css/Login-e-Registro.css → css/sing.css
View File

14
index.php
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/home.css" />
<script type="text/javascript" src="javascript/libs/vanila.js"></script>
<title>;-;</title>
</head>
@@ -13,12 +13,12 @@
<label>Logo</label>
<header>
<ul>
<li id="btn">
<a href="index.php"> Inicio </a>
</li>
<li id="btn">
<a href="index.php?pg=2"> Escrever Historia </a>
</li>
<a href="index.php"><li id="btn">
Inicio
</li></a>
<a href="index.php?pg=2"><li id="btn">
Escrever Historia
</li></a>
</ul>
</header>
</div>

2
sing.php
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Login e Registro</title>
<link rel="stylesheet" href="css/Login-e-Registro.css"/>
<link rel="stylesheet" href="css/sing.css"/>
<link rel="stylesheet" href="css/base.css"/>
</head>
<body>