A static website build using HTML5,Vanilla CSS3,jQuery,chart.js,Vanilla js, and wayPoint.js .
For responsive design i have used responsive grid layout for sections and float layout for header and footer.
Both the layouts used are desgined to adjust at particular screen width using css mediaQueries.
Deployment :- Line Encoder and Scrambler
Used vanilla javaScript for data generation. Used Manacher's Algorithm to find the longest palindromic substring in O(N) time.
Used vanialla javaScript for logic writting , encoding , scramling part.
For signal plotting i have used Chart.js library
There are in total three different nav bars each triggered under adequate conditions.
There is a sticky Navigation bar which is triggered when we pass our first section.
Mobile Navigation is triggered when screen width is below 1024 pixels.
Triggering for sticky nav bar is done by using waypoints Js Library.
Triggering for mobile nav bar is done by using CSS MediaQueries.
Every encoding or scrambling section have two interaction fields.
One on the left, here we have random Input generator in which we can input minimum no of consecutive zeros we must have in our randomly generated input.
One on the right, here we have a custom input section in which user can enter any valid boolean (Digital signal of form 1 or 0) and it will be treated as input.
Next we have generate buttons which onclick will enter the input accordingly and we have a encoded signal in form of the chart and the longest palindromic substring of the data elements.
