Skip to content

added server based file for smooth run in local computer without network #11

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

added server based file for smooth run in local computer without network #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
52aebde
added server based file for smooth run in local computer without network
Varun-Kumar-Singh Sep 8, 2022
c08410a
my text added
Varun-Kumar-Singh Sep 12, 2022
fd6054d
my text added
Varun-Kumar-Singh Sep 12, 2022
427cd14
deployed with heroku
Varun-Kumar-Singh Sep 12, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
1 change: 1 addition & 0 deletions Procfile
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
web: node app.js
14 changes: 9 additions & 5 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
# Assignment_Writer
find it at :https://saiteja69.github.io/Assignment_Writer/<br />
A Vague attempt to convert a great tool to website , couldn't do this without @imlolman help! and swapnil sir's blessings<br />
A Vague attempt to convert a great tool to website ,<br />
V1.0 :<br />
What works? <br />
Small Letters (only)<br />
Expand All @@ -9,6 +8,11 @@ Capital Letters and numbers!
V3.0 : <br />
Everything works! , new handwriting styles added!
<br />
Output:
![alt text](https://github.com/SaiTeja69/Assignment_Writer/blob/master/output.jpg)

If you want to run on local computer
<br />
Just open the cmd and cd to Assignment_Writer and type
<br />
$ node app.js
<br />
Go to any browser and type or search localhost:3000
<br />
12 changes: 12 additions & 0 deletions app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
const express = require("express")
const app = express();
app.use(express.static("public"))


app.get("/",function(req,res){
res.sendFile(__dirname + "/index.html");
});

app.listen(process.env.PORT || 3000,function(){
console.log("Port 3000 started");
});
304 changes: 91 additions & 213 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,221 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="saiteja69" />
<meta
name="description"
content="Convet Digital to Handwritten Scanned Page. Want to Save time on writing assginment on Paper use Our Super Fast Tool."
/>
<title>Convert Digital to Handwritten Scanned Page.</title>
<link rel="icon" href="assets/images/logo.png" />
<meta
property="og:image"
content="https://repository-images.githubusercontent.com/259044567/7737b480-87f8-11ea-9dd6-3c649ad63d14"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css"
/>
<link rel="stylesheet" href="https://milligram.io/styles/main.css" />
<link rel="stylesheet" href="assets/css/custom.css" />
<!-- <link rel="stylesheet" href="/assets/css/dark.css"> -->
</head>
<body>
<main class="">
<nav class="navigation">
<section class="container">
<a
class="navigation-title"
href="https://github.com/SaiTeja69"
>
<svg class="img" version="1.1" viewBox="0 0 463 669">
<g transform="translate(0.000000,120)">
<path
d="M623.2 192c-51.8 3.5-125.7 54.7-163.1 71.5-29.1 13.1-54.2 24.4-76.1 24.4-22.6 0-26-16.2-21.3-51.9 1.1-8 11.7-79.2-42.7-76.1-25.1 1.5-64.3 24.8-169.5 126L192 182.2c30.4-75.9-53.2-151.5-129.7-102.8L7.4 116.3C0 121-2.2 130.9 2.5 138.4l17.2 27c4.7 7.5 14.6 9.7 22.1 4.9l58-38.9c18.4-11.7 40.7 7.2 32.7 27.1L34.3 404.1C27.5 421 37 448 64 448c8.3 0 16.5-3.2 22.6-9.4 42.2-42.2 154.7-150.7 211.2-195.8-2.2 28.5-2.1 58.9 20.6 83.8 15.3 16.8 37.3 25.3 65.5 25.3 35.6 0 68-14.6 102.3-30 33-14.8 99-62.6 138.4-65.8 8.5-.7 15.2-7.3 15.2-15.8v-32.1c.2-9.1-7.5-16.8-16.6-16.2z"
class=""
></path>
</g>
</svg>
&nbsp;
<h1 class="title">Assignment Writer Contact Me @ [email protected] to get your handwriting in it!</h1>
</a>
<ul class="navigation-list float-right">
<li class="navigation-item">
<label class="switch">
<input
type="checkbox"
id="darkmode"
onclick="darkLightToggle()"
/>
<span class="slider"></span>
</label>
</li>
</ul>
<a
href="https://github.com/SaiTeja69"
title=""
target="_blank"
>
<svg class="octocat" viewBox="0 0 250 250">
<path
d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"
></path>
<path
class="octocat-arm"
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
></path>
<path
class="octocat-body"
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
></path>
</svg>
</a>
</section>
</nav>
<br /><br /><br />
<div class="row" style="max-width: 99vw;">
<div class="column">
<section class="container" id="examples">
<h3 class="title">Enter Text</h3>
<form onsubmit="return false">
<fieldset>
<textarea
placeholder="Enter Text You want to be written a paper...."
id="dataField"
onkeyup="textChanged(this.value)"
></textarea>
</fieldset>
<input
class="button-primary button-large download-image hidden"
type="file"
id="pageUploader"
onclick=""
/>
<div class="row">
<button
class="column button-primary button-large inline-btn"
id="btnFileUpload"
>
Upload Custom Background
</button>
<button
class="column button-primary button-large inline-btn"
onclick="incrementor()"
>
Change Handwriting Style
</button>
<button
class="column button-primary button-large inline-btn"
onclick="loadPage()"
>
Change to Default Page
</button>
<button
class="column button-primary button-large download-image inline-btn"
onclick="save(str(pageNum++))"
>
Download Page
</button>

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="saiteja69" />
<meta name="description" content="Convet Digital to Handwritten Scanned Page. Want to Save time on writing assginment on Paper use Our Super Fast Tool." />
<title>Convert Digital to Handwritten Scanned Page.</title>
<link rel="icon" href="assets/images/logo.png" />

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css" />
<link rel="stylesheet" href="https://milligram.io/styles/main.css" />
<link rel="stylesheet" href="assets/css/custom.css" />
<!-- <link rel="stylesheet" href="/assets/css/dark.css"> -->
</head>

<body>
<main class="">
<nav class="navigation">
<section class="container">

<h1 class="title">Assignment Writer </h1>

<ul class="navigation-list float-right">
<li class="navigation-item">
<label class="switch">
<input type="checkbox" id="darkmode" onclick="darkLightToggle()" />
<span class="slider"></span>
</label>
</li>
</ul>

</section>
</nav>
<br /><br /><br />
<div class="row" style="max-width: 99vw;">
<div class="column">
<section class="container" id="examples">
<h3 class="title">Enter Text</h3>
<form onsubmit="return false">
<fieldset>
<textarea placeholder="Enter Text You want to be written a paper...." id="dataField" onkeyup="textChanged(this.value)"></textarea>
</fieldset>
<input class="button-primary button-large download-image hidden" type="file" id="pageUploader" onclick="" />
<div class="row">
<button class="column button-primary button-large inline-btn" id="btnFileUpload">
Upload Custom Background
</button>
<button class="column button-primary button-large inline-btn" onclick="incrementor()">
Change Handwriting Style
</button>
<button class="column button-primary button-large inline-btn" onclick="loadPage()">
Change to Default Page
</button>
<button class="column button-primary button-large download-image inline-btn" onclick="save(str(pageNum++))">
Download Page
</button>
</div>
<div class="row">
<div class="column">
<label>Adjust X axis</label>
<input type="range" min="1" max="200" value="20" oninput="xaxis=float(this.value); loop();" class="slider" />
</div>
<div class="row">
<div class="column">
<label>Adjust X axis</label>
<input
type="range"
min="1"
max="200"
value="20"
oninput="xaxis=float(this.value); loop();"
class="slider"
/>
</div>
<div class="column">
<label>Adjust Y axis</label>
<input
type="range"
min="1"
max="200"
value="20"
oninput="yaxis=float(this.value); loop();"
class="slider"
/>
</div>
<div class="column">
<label>Font Size</label>
<input
type="range"
min="0.05"
max="5"
value="1"
step="0.1"
oninput="fontsize=float(this.value); loop();"
class="slider"
/>
</div>
<div class="column">
<label>width</label>
<input
type="range"
min="100"
max="800"
value="700"
oninput="w=float(this.value); loop();"
class="slider"
/>
</div>
<div class="column">
<label>Line Spacing</label>
<input
type="range"
min="50"
max="100"
value="60"
oninput="linespacing=float(this.value); loop();"
class="slider"
/>
</div>
<div class="column">
<label>Adjust Y axis</label>
<input type="range" min="1" max="200" value="20" oninput="yaxis=float(this.value); loop();" class="slider" />
</div>
</form>
</section>
</div>
<div class="column">
<div id="contributing"></div>
</div>
<div class="column">
<label>Font Size</label>
<input type="range" min="0.05" max="5" value="1" step="0.1" oninput="fontsize=float(this.value); loop();" class="slider" />
</div>
<div class="column">
<label>width</label>
<input type="range" min="100" max="800" value="700" oninput="w=float(this.value); loop();" class="slider" />
</div>
<div class="column">
<label>Line Spacing</label>
<input type="range" min="50" max="200" value="60" oninput="linespacing=float(this.value); loop();" class="slider" />
</div>
</div>
</form>
</section>
</div>
<div class="column">
<div id="contributing"></div>
</div>
</div>

<footer class="footer">
<section class="container">
<p>
Designed with ♥ by
<a
target="_blank"
href="https://github.com/SaiTeja69"
title=""
>Sai Teja</a
>. Licensed under the
<a
target="_blank"
href="https://github.com/milligram/milligram#license"
title="MIT License"
>MIT License</a
>.
</p>
</section>
</footer>
</main>
</main>

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.min.js"></script>
<script src="assets/js/script.js"></script>
<script src="assets/js/sketch.js"></script>
</body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.min.js"></script>
<script src="assets/js/script.js"></script>
<script src="assets/js/sketch.js"></script>
</body>
</html>
12 changes: 12 additions & 0 deletions node_modules/.bin/mime
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

17 changes: 17 additions & 0 deletions node_modules/.bin/mime.cmd
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading