Skip to content
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.

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

Create updated ui&ux interface #92

Closed
wants to merge 17 commits into from
Closed

Create updated ui&ux interface #92

wants to merge 17 commits into from

Conversation

Aazib-at-hub
Copy link

@Aazib-at-hub Aazib-at-hub commented Oct 7, 2024

<title>Open Tek Hub</title> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <style> body { margin: 0; font-family: 'Arial', sans-serif; background-color: #0d0d1a; color: #fff; text-align: center; } .navbar { background: linear-gradient(to bottom, #1a1a2e, #0d0d1a); padding: 20px; } .navbar a { color: #fff; text-decoration: none; margin: 0 15px; font-size: 18px; } .navbar a.active { border-bottom: 2px solid #fff; } .container { padding: 50px 20px; } .container h1 { font-size: 24px; margin-bottom: 20px; } .form-group { display: flex; justify-content: center; gap: 10px; margin-bottom: 30px; } .form-group select, .form-group input { padding: 10px; border: none; border-radius: 5px; background-color: #1a1a2e; color: #fff; } .cards { display: flex; justify-content: center; gap: 20px; } .card { background-color: #1a1a2e; padding: 20px; border-radius: 10px; width: 250px; text-align: left; } .card h2 { font-size: 18px; margin-bottom: 10px; } .card p { font-size: 14px; margin-bottom: 20px; } .card .chart { height: 100px; } .card .buy-button { display: block; width: 100%; padding: 10px; background: linear-gradient(to right, #ff416c, #ff4b2b); border: none; border-radius: 5px; color: #fff; text-align: center; text-decoration: none; font-size: 16px; } </style>

OPENTEK HUB

Bitcoin

CONCLUSION

Supposed Price

BTC $31,671.45 +5.4%

Starting Investment

USD 10,500.00

BTC 2.5184

BUY CRYPTO

Supposed Profit

+ $1994.16

for 45 days

About Us

Welcome to OpenTek Hub, your number one source for all things crypto. We're dedicated to providing you the very best of cryptocurrency investment insights, with an emphasis on reliability, customer service, and uniqueness.

Founded in 2023, OpenTek Hub has come a long way from its beginnings. When we first started out, our passion for crypto investment drove us to start our own business.

We hope you enjoy our products as much as we enjoy offering them to you. If you have any questions or comments, please don't hesitate to contact us.

FAQs

What is cryptocurrency?

Cryptocurrency is a type of digital or virtual currency that uses cryptography for security. It is decentralized and typically operates on a technology called blockchain.How do I start investing in cryptocurrency?

To start investing in cryptocurrency, you need to choose a reliable exchange, create an account, and deposit funds. From there, you can buy and trade various cryptocurrencies.

Is cryptocurrency a safe investment?

Cryptocurrency investments come with risks, just like any other investment. It's important to do thorough research and understand the market before investing.

How can I track my cryptocurrency investments?

You can track your cryptocurrency investments using various portfolio tracking apps and tools that provide real-time updates on prices and market trends.

<script>
    // Initialize charts
    const priceCtx = document.getElementById('priceChart').getContext('2d');
    const profitCtx = document.getElementById('profitChart').getContext('2d');

    const priceChart = new Chart(priceCtx, {
        type: 'line',
        data: {
            labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
            datasets: [{
                label: 'Price',
                data: [30000, 32000, 31000, 33000, 34000, 35000, 36000, 37000, 38000, 39000],
                borderColor: '#ff4b2b',
                backgroundColor: 'rgba(255, 75, 43, 0.2)',
                fill: true
            }]
        },
        options: {
            responsive: true,
            scales: {
                x: {
                    display: true
                },
                y: {
                    display: true
                }
            }
        }
    });

    const profitChart = new Chart(profitCtx, {
        type: 'doughnut',
        data: {
            labels: ['Initial Capital', 'Profit'],
            datasets: [{
                data: [10000, 1994.16],
                backgroundColor: ['#1a1a2e', '#ff4b2b']
            }]
        },
        options: {
            responsive: true,
            cutout: '70%'
        }
    });

    // AI-based crypto calculator (dummy implementation)
    document.getElementById('amount-input').addEventListener('input', function() {
        const amount = parseFloat(this.value);
        const btcPrice = 31671.45; // Example BTC price
        const btcAmount = amount / btcPrice;
        const profit = btcAmount * btcPrice * 0.05; // Example profit calculation

        document.getElementById('usd-amount').textContent = amount.toFixed(2);
        document.getElementById('btc-amount').textContent = btcAmount.toFixed(4);
        document.getElementById('profit-amount').textContent = profit.toFixed(2);

        // Update profit chart
        profitChart.data.datasets[0].data = [amount, profit];
        profitChart.update();
    });
</script>

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Welcome to Our repository.🎊 Thank you so much for taking the time to point this out.

@Aazib-at-hub
Copy link
Author

@KiranBaliga @Harish-2003 @Bruhbytes i have done some changes in the ui/ux of the website. But the problem is the issue which i raised haven't being assigned #88

@Harish-2003
Copy link
Contributor

Add the images

@Aazib-at-hub
Copy link
Author

Add the images

like?

@Harish-2003
Copy link
Contributor

The updated website images

@Aazib-at-hub
Copy link
Author

Aazib-at-hub commented Oct 8, 2024

The updated website images @Harish-2003
Screenshot from 2024-10-08 20-47-27

@Harish-2003
Copy link
Contributor

Can u send me the link of that website page

@Harish-2003
Copy link
Contributor

And why are u pushing it to the main branch

@Aazib-at-hub
Copy link
Author

And why are u pushing it to the main branch
@Harish-2003
then please guide what is needed to be done.

@Harish-2003
Copy link
Contributor

Can u send me the link of that website page

....

@Harish-2003 Harish-2003 changed the base branch from main to gh-pages October 8, 2024 17:15
@Harish-2003
Copy link
Contributor

And this branch has merge conflicts so it can't be merged

@Harish-2003
Copy link
Contributor

Ur pull request was completely false don't make prs to the main branch

@Harish-2003 Harish-2003 added invalid This doesn't seem right wontfix This will not be worked on labels Oct 8, 2024
@Harish-2003 Harish-2003 closed this Oct 8, 2024
@Aazib-at-hub Aazib-at-hub deleted the patch-1 branch October 8, 2024 18:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
invalid This doesn't seem right wontfix This will not be worked on
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants