Skip to content
Snippets Groups Projects
Commit c4b8d7b8 authored by F CZ's avatar F CZ
Browse files

data name

parent 53b3643c
No related branches found
No related tags found
No related merge requests found
import os
from flask import Flask
from flask import Flask,render_template
def create_app(test_config=None):
......@@ -25,9 +25,9 @@ def create_app(test_config=None):
pass
# a simple page that says hello
@app.route('/hello')
def hello():
return 'Hello, World!'
@app.route('/')
def index():
return render_template('base.html')
from . import calc
app.register_blueprint(calc.bp)
......
No preview for this file type
<!DOCTYPE html>
<!-- Created By CodingNepal -->
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Responsive Navbar with Search Box | CodingNepal</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <script src="https://kit.fontawesome.com/a076d05399.js"></script> -->
</head>
{% block content %}
<body>
<nav>
<div class="menu-icon">
<span class="fas fa-bars"></span></div>
<div class="logo">
Caculator</div>
<div class="nav-items">
<li><a href="#">Caculate</a></li>
<li><a href="#">Traceback</a></li>
<li><a href="#">About</a></li>
</div>
<div class="search-icon">
<span class="fas fa-search"></span></div>
<div class="cancel-icon">
<span class="fas fa-times"></span></div>
<form action="#">
<input type="search" class="search-data" placeholder="Search" required>
<button type="submit" class="fas fa-search"></button>
</form>
</nav>
<div class="content">
<header class="space">Responsive Navbar with Search Box</header>
<div class="space text">
using HTML CSS & JavaScript</div>
</div>
<script>
const menuBtn = document.querySelector(".menu-icon span");
const searchBtn = document.querySelector(".search-icon");
const cancelBtn = document.querySelector(".cancel-icon");
const items = document.querySelector(".nav-items");
const form = document.querySelector("form");
menuBtn.onclick = ()=>{
items.classList.add("active");
menuBtn.classList.add("hide");
searchBtn.classList.add("hide");
cancelBtn.classList.add("show");
}
cancelBtn.onclick = ()=>{
items.classList.remove("active");
menuBtn.classList.remove("hide");
searchBtn.classList.remove("hide");
cancelBtn.classList.remove("show");
form.classList.remove("active");
cancelBtn.style.color = "#ff3d00";
}
searchBtn.onclick = ()=>{
form.classList.add("active");
searchBtn.classList.add("hide");
cancelBtn.classList.add("show");
}
</script>
</body>
</html>
{% extends 'base.html' %}
{% block header%}
<h1>{% block title %}Calc{% endblock %}</h1>
{% endblock %}
{% block content %}
<form method="post">
<label for="input">input</label>
<input name="input" id="input" required>
<nva>
<form>
<button>
<input type="submit" value="calc">
</button>
</form>
</nva>
</form>
{% endblock %}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment